javascript - .slideToggle 类分别基于 .click

Question

基本上试图写这样的东西。单击 .button 和它 .slideToggle(s) 它是关联的 .box Div。将它们嵌套在容器 div 中以尝试不同的方法。

我觉得很愚蠢，这个问题已经被问过很多次了。我已经尝试了至少十几个我可以开始工作的。

代码在这里。

http://jsfiddle.net/BurRQ/25/

<div class="container">
    <div class="header">
        <a href="#" class="toggle">TOGGLE</a>
    </div>
    <div class="box">
        <p>Content</p>
    </div>
</div>​

干杯。

Answer 1

.parent在尝试使用.next.

http://jsfiddle.net/BurRQ/26/

前

$('.toggle').click(function(){
    $(this).next('.box').slideToggle("slow");
}); // .click

后

$('.toggle').click(function(){
    $(this).parent().next('.box').slideToggle("slow");
}); // .click

Answer 2

有很多方法可以做到这一点，这里有三种（因为我可以给他们一个名字）

家庭方法：$(this).parent().siblings('.box').slideToggle();

最接近的查找方法：$(this).closest('.container').find('.box').slideToggle();

下一个父方法：$(this).parent().next().slideToggle();