尽管拥有相同的类，但一次隐藏/显示一个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();
});

Here it is working with your example.