查询；切换全部隐藏显示效果！如何预防？

Question

使用我的“添加框”按钮，添加了一个框。 附上！确切地说，您将一些元素附加到框（.togglecontainer） 使用显示更多/显示 les 按钮，我想要下面的整个切换容器 该按钮，用于切换隐藏和显示。

我理解为什么所有具有该类名的容器都开始切换，但我只希望其切换按钮下方的容器切换。

我试过这段代码，但不能正常工作；

$('.togglebtn').toggle(function() {
    $('.togglecontainer').hide();       
    $(this).html('Show less');
}, function() {
    $('.togglecontainer').show();
    $(this).html('Show more');
});

谁能解释我并帮助我如何做到这一点？ 提前致谢！

这是我的代码； http://jsfiddle.net/2LTd9/

Answer 1

您需要一个范围选择器。 试试这个：

$('.togglebtn').toggle( function() {              
 $('.togglecontainer', this).hide();                     
 var txt = $(this).html();
 $(this).html((txt=='Show less')?'Show more':'Show less');      
});

编辑：根据 OP 的输入@jsfiddle 更新代码。

更新了代码并发布了@http://jsfiddle.net/Chandu/PtwWD/2/ 检查它，如果这是你想要的，请告诉我。

Answer 2

toggle() 不接受两个回调函数。

阅读jQuery docs，了解有关如何使用切换的更多信息。