同じクラス名を使用して特定のdivを対象にアニメーション化するにはどうすればいいですか？

Question

divクラスをターゲットにするにはどうすればいいですか？（.desc_wrap）マウスをクリックして同じクラス名を使用するすべてのdivをアニメーション化しましたか？

$(document).ready(function(){ 
    $('.desc_wrap').show(); 
    $('a#toggle').click(function() { 
     $('.desc_wrap').slideToggle(700); 
     return false; 
    }); 
}); 

のHTML EDIT II

<div class="entry"> 

<div id="button_wrap"> 

</div> 


<div class="desc_wrap"> 

</div> 


<div id="project_tech"> 

</div> 

<!--- ENDS THE DESC WRAP---> 
</div> 


<div id="project_images"> 


</div> 

<!--ENDS THE ENTRY WRAP--> 
</div> 

Answer 1

は、あなたがその要素の兄弟を取得し、#toggle要素の親を取得することにより、.desc_wrap要素を選択することができ、あなたのHTML、のいずれかでのように見えます.desc_wrapエレメント：

$(document).ready(function(){ 
    $('.desc_wrap').show(); 
    $('a#toggle').click(function() { 
     $(this).parent().nextAll('.desc_wrap').first().slideToggle(700); 
     return false; 
    }); 
}); 

このコード-useあなたはおそらくclass="toggle"にid="toggle"を変更してから、このようなすべてのトグルリンクを選択する必要があります。ここでは$('.toggle').click...

はデモです：http://jsbin.com/erimey/edit#javascript,html,live

Answer 2

あなたは、その親要素によって、それを識別し、適用することができますそのクラスを所有するその親の子への機能。 .desc_wrapを想定し

$('selector').children('child-element') 

Answer 3

は、あなたが（$(this)）をクリックした要素の親要素である、closest()方法は動作するはずです：脇

$(function() { 
    $('.desc_wrap').show(); 

    $('a#toggle').click(function(evt) { 
    $(this).closest('.desc_wrap').slideToggle(700); 

    evt.preventDefault(); 
    }); 
}); 

を（：preventDefault()は、よく、予防するためのより良い方法です。クリックされたリンクのデフォルトの動作はreturn false;よりです）

.desc_wrapが実際にeleの子孫である場合MENTはちょうどセレクタであなたのコンテキストとしてthisを使用し、クリック：

$('.desc_wrap', this).slideToggle(700); 

Answer 4

$(document).ready(function(){ 
    $('.desc_wrap').click(function() { 
     // $(this) represents the div.desc_wrap element you clicked on 
     $(this).slideToggle(700); 
    }); 
});