Не работает условный оператор

21.02.2012, 11:32. **Показов** 1673. **Ответов** 4

Здравствуйте! Помогите справиться с проблемой.

Javascript

<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
 
<script type="text/javascript">
 
$(document).ready(function(){
               
                                                       $('#one').click(one);
                                   
                                   if($('#top2:visible'))
                                   {
                                   $('.blok').animate({"marginTop": "+=50px"});
                                   }
                                 
               
});
 
function one()
{
$('#top1').toggle(2000);
}
</script>
 
<style type="text/css">
#top1
{
display:none;
}
</style>

Мне нужно чтобы при нажатии на кнопку с идентификатором "one" открывался/закрывался блок "top1", и если он виден то, отодвигался в нужную сторону блок с классом "blok". У меня это не работает. Подскажите в чем проблема?

@etalord · 21.02.2012, 12:09

HTML5

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<body>
 
<style type="text/css">
#top1 {display:none; width:100px; height:100px; background:green}
#top2 {width:100px; height:100px; background:red}
</style>
 
<div id="one">123456</div>
<div id="top1"></div>
<div id="top2"></div>
 
<script type="text/javascript">
 
$(document).ready(function() {
 
    $('#one').click(function() {
        one();
    })
 
    if ($('#top2:visible')) {
        $('.blok').animate({"marginTop": "+=50px"});
    }
});
 
function one() {
    $('#top1').toggle(2000);
}
</script>
 
 
 
</body>
</html>

@nonamez123 · 21.02.2012, 12:11

Javascript

$(document).ready(function ()
{
    $('#one').click(function ()
    {
        //тут действия
        });
});

@etalord · 21.02.2012, 12:12

Или так:

Javascript

$(document).ready(function() {
 
    $('#one').click(function() {
        $('#top1').toggle(2000);
    })
 
    if ($('#top2:visible')) {
        $('.blok').animate({"marginTop": "+=50px"});
    }
})

допиливайте сами )

22.02.2012, 17:36

Всем спасибо! Разобрался..

web_programmist
	22.02.2012, 17:36	5
	Всем спасибо! Разобрался..

Опции темы