Question

所以我有一個結構是這樣的

<div class="content-block"> 
    <div class='hidden'> Hidden Content </div> 
    <div class='click'> Click Me </div> 

    <div class='hidden'> Hidden Content </div>   
    <div class='click'> Click Me </div> 

</div> 

我想jQuery來使其膨脹的高度和寬度隱藏的內容直接動畫。我jQuery是

$(".click").click(function(){ 
    $(".click").prev(".hidden").animate({ 
     width:100%, 
     height: 500px 
    }, 500); 
}); 

我遇到的問題是，這一切動畫的.hidden div的不只是一個直接之前的。點擊

Answer 1

指定的範圍內，與$(this)：

$(".click").click(function(){ 
    $(this).prev(".hidden").animate({width:100%, height: 500px}, 500); 
}); 

在你原來的代碼中，你選擇了全部.click元素，因此，他們所有的前面.hidden兄弟姐妹。