我試圖在點擊時切換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

嘗試toggleClass與CSS類像

風格像你描述

.test{margin-top: 22em;} 

腳本

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