我正试图在点击时切换div的上边距。

Question

点击时，我试图将div的初始位置从22em的上边距移动到0。每次其他点击都应将其恢复为22em。

HTML

<div id="container3" class="isDown">
<div class="test" id="name3">

</div>  
</div>

CSS

.test{margin-top: 22em;}

Jquery的

$("#container3").click( function(event){
    event.preventDefault();
    if ($(this).hasClass("isDown") ) {
        $("#name3").animate({marginTop:"0em"});          
        $(this).removeClass("isDown");
    } else {
        $("#name3").animate({marginTop:"22em"});   
        $(this).addClass("isDown");
    }
    return false;
});

对不起，如果这是一团糟。我不知道我在做什么！

Answer 1

尝试使用css类的toggleClass，如

<强>式

.test{margin-top: 22em;}

<强>脚本

$("#container3").click( function(event){
    event.preventDefault();
    $("#name3").toggleClass('test');          
    $(this).toggleClass("isDown");   
    return false;
});