我一直在寻找一种方法来包含“全部展开”和“全部折叠”。我已经使用一个简单的jquery accordion 用新的代码更新了演示。
原始代码应记入Ryan Stemkoski的帐户,地址为http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/
$(document).ready(function() {
$('.question').click(function() {
if($(this).next().is(':hidden') != true) {
$(this).removeClass('active');
$(this).next().slideUp("normal");
} else {
$('.question').removeClass('active');
$('.answer').slideUp('normal');
if($(this).next().is(':hidden') == true) {
$(this).addClass('active');
$(this).next().slideDown('normal');
}
}
});
$('.answer').hide();
$('.expand').click(function(event)
{$('.question').next().slideDown('normal');
{$('.question').addClass('active');}
}
);
$('.collapse').click(function(event)
{$('.question').next().slideUp('normal');
{$('.question').removeClass('active');}
}
);
});
2条答案
按热度按时间sqserrrh1#
这个问题解决起来容易得多。
只需对要展开/折叠的可折叠元素('. ui-widget-content')使用jQuery hide/show命令即可。
例如:
请参阅小提琴:http://jsfiddle.net/ekelly/hG9b5/11/
6ojccjat2#
我会在展开和折叠链接中添加一个类或ID,这样就可以工作了