0

要素を展開および折りたたむスクリプトがあります-そして、すべてのアイテムを折りたたむ/展開するを追加しました。ただし、1人のメンバーがデプロイされ、[すべて展開]をクリックすると、最小化/スライドアップされます

展開または折りたたまれた要素を最小化および最大化するコードを作成するにはどうすればよいですか？

<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>
4

1 に答える 1

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

表示されている要素の数が非表示の要素の数よりも多い場合、すべてが上にスライドして折りたたまれます。それ以外の場合は、すべてが下にスライドして表示されます。

于 2013-02-05T17:26:48.717 に答える