jQuery获取元素parent并调用slideToggle函数

Question

我需要一些关于jquery的帮助。点击.content后如何获取.slider？我想要调用.slideToggle()函数

<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

好的，我已经弄明白了

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

Answer 4

如果我正确理解你，你需要这样的东西：

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