JQuery slideDown slideUp按钮

时间:2013-02-05 15:27:37

标签: jquery button slidedown slideup

我有一个会扩展和折叠元素的脚本 - 我添加了折叠/展开所有项目。但如果部署了一个成员并单击全部展开 - 它将最小化/ 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>

1 个答案:

答案 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');
}

如果可见元素的数量大于隐藏的数量,则所有内容都会向上滑动并折叠。否则,一切都会向下滑动并显示出来。