微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在jQuery中默认使slideToggle()元素折叠

我有一组div,我想使用jQuery的slidetoggle()方法进行折叠/展开。如何使所有这些div认折叠?我想避免在页面呈现期间/之后明确地在每个元素上调用slidetoggle()。

解决方法

您将必须为这些图层分配一个样式:display:none,以便在JavaScript呈现之前不显示它们。那么你可以调用slidetoggle()没有问题。例:
<style type="text/css">
    .text{display:none}
</style>

<script type="text/javascript">
    $(document).ready(function() {    
        $('span.more').click(function() {
            $('p:eq(0)').slidetoggle();
            $(this).hide();
        });
    });
</script>

<body>              
      <p class="text">
          I am using jquery <br/>
          I am using jquery <br/>
          I am using jquery <br/>
          I am using jquery <br/>
          I am using jquery <br/>
          I am using jquery <br/>           
      </p>
      <span class="more">show</span>

原文地址:https://www.jb51.cc/jquery/183540.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐