jQuery要素の親を取得し、slideToggle関数を呼び出します。

Question

jqueryに関する助けが必要です。 .sliderをクリックした後に.contentを入手するにはどうすればよいですか？私は、あなたがこのような何かをしたい

<div class='details'> 
    <div> 
     <a href='#' class='slider'>my link</a> 
    </div> 
    <div class='content'> 
     some content 
    </div> 
</div> 

Answer 1

いずれかを指定できます

 
$(".details a.slider").click(function(){ 

    $(this).parent().children(".content").slideToggle(); 

}); 

か（これはあまりにも動作するはずだと思う）

 
$(".details a.slider").click(function(){ 

    $(this).siblings(".content").slideToggle(); 

}); 

Answer 2

$(function() { 
    $('.slider').click(function(e) { 
     $(this).parent().next('.content').slideToggle(); 
     e.preventDefault(); 
    }); 
}); 

Answer 3

は私が正しくあなたを理解していた場合.slideToggle()機能を呼び出すために、次にたい：

$(function() { 
    $('.slider').click(function() { 
     $('.content').slideToggle(); 
    }); 
}); 

Answer 4

私はそれを考え出したOK

$(this).closest('div.details').children('div.content').slideToggle();