jquery - 尽管具有相同的类，但一次隐藏/显示一个 DIV

Question

我如何隐藏/显示一次具有相同类的 DIV？

这里的一个例子：http: //jsfiddle.net/hkP7N/1/

单击“隐藏内容1”或“隐藏内容2”时，两个DIV中的内容都消失了。我只需要适当的内容就会受到影响。

$(document).ready(function() {
   $('.hide-button').click( function() {
    $('.content').toggle();
   });

});

Answer 1

看看这个：http: //jsfiddle.net/hkP7N/2/

使用next您可以定位下一个元素

或者像这样：http: //jsfiddle.net/hkP7N/3/

你也可以使用slideToggle，效果很好：http: //jsfiddle.net/hkP7N/8/

Answer 2

$('.hide-button').click( function() {
    $(this).parent().find('.content').toggle();
});

在这里演示：http: //jsfiddle.net/5LZeC/

Answer 3

$('.hide-button').click( function() {
    $(this).parent().find('.content').toggle();
});

在这里，它与您的示例一起使用。