http://jsfiddle.net/K3gr7/4/
我使用了一个有序的列表来标记注释。您可能需要根据自己的设置对其进行调整,并缓存一些变量以进行优化,但功能就在那里。
$(document).ready(function() {
// Toggle all
$(\'#toggle-all\').click(function() {
var $subcomments = $(\'#comments\').find(\'> li > ol\');
if ($subcomments.filter(\':hidden\').length) {
$subcomments.slideDown();
} else {
$subcomments.slideUp();
}
});
// Add buttons to threaded comments
$(\'#comments\').find(\'> li > ol\')
.before(\'<button class="toggle">Show more comments</button>\');
// Toggle one section
$(\'#comments\').find(\'button.toggle\').click(function() {
$(this).next(\'ol\').slideToggle();
});
});
我一开始误解了你的问题,这就是为什么我添加了一个“全部切换”按钮,并将其作为免费奖金留在那里。