首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery slideDown slideUp按钮

JQuery slideDown slideUp按钮
EN

Stack Overflow用户
提问于 2013-02-05 23:27:37
回答 1查看 500关注 0票数 0

但如果部署了一个成员并单击全部展开-它将最小化/ slideUp

如何编写代码来最小化和最大化任何展开或折叠的元素?

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-06 01:26:49

代码语言:javascript
复制
if ($("div.splCont:visible").length > $("div.splCont:hidden").length) {
  $('.splLink').parent().children('div.splCont').slideUp('normal');
} else {
  $('.splLink').parent().children('div.splCont').slideDown('normal');
}

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14710986

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档