Question

使用“添加框”按钮，会添加一个框。附加！你准确地将一些元素附加到框（.togglecontainer）随着节目更多/显示les按钮我想要整个togglecontainer下面该按钮，用于切换隐藏和显示。

我理解为什么所有带有该类名的容器都开始切换，但我只希望其togglebutton下面的容器切换。

我试过这个代码并没有正常工作;

$('.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，了解有关如何使用切换的更多信息。

JQuery的;切换隐藏显示效果全部！怎么预防？

2 个答案: