jquery - 複数のdivで発生するJqueryアニメーション

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);
});

私が抱えている問題は、これが .click の直前のものだけでなく、すべての .hidden div をアニメーション化することです

Answer 1

次のようにコンテキストを指定します$(this)。

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

元のコードでは、すべての .click要素を選択していたため、それらの前.hiddenの兄弟もすべて選択していました。