我有一个会扩展和折叠元素的脚本 - 我添加了折叠/展开所有项目。但如果部署了一个成员并单击全部展开 - 它将最小化/ slideUp
如何编写代码以最小化和最大化扩展或折叠元素的任何内容?
<script type=\"text/javascript\">
$(document).ready(function ($){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').slideToggle('normal');
if ( $(this).hasClass('active') ) {
$(this).parent('.cat-root').removeClass('active-h2');
$(this).removeClass('active');
$(this).parent('.name').removeClass('active-name');
}
else {
$(this).parent('.cat-root').addClass('active-h2');
$(this).addClass('active');
$(this).parent('.name').addClass('active-name');
}
return false;
});
});
function showAll(){
$('.splLink').parent().children('div.splCont').slideToggle('normal');
if ( $('.splLink').hasClass('active') ) {
$('.splLink').parent('.cat-root').removeClass('active-h2');
$('.splLink').removeClass('active');
$('.splLink').parent('.name').removeClass('active-name');
$('.btn').html('Развернуть');
}
else {
$('.splLink').parent('.cat-root').addClass('active-h2');
$('.splLink').addClass('active');
$('.splLink').parent('.name').addClass('active-name');
$('.btn').html('Свернуть');
}
return false;
}
</script>
答案 0 :(得分:0)
if ($("div.splCont:visible").length > $("div.splCont:hidden").length) {
$('.splLink').parent().children('div.splCont').slideUp('normal');
} else {
$('.splLink').parent().children('div.splCont').slideDown('normal');
}
如果可见元素的数量大于隐藏的数量,则所有内容都会向上滑动并折叠。否则,一切都会向下滑动并显示出来。