在jQuery中默认折叠slideToggle（）元素

我有一套使用jQuery的slideToggle（）方法进行折叠/展开的div。我如何使所有这些div默认折叠？我想避免在页面呈现期间/之后显式调用每个元素上的slideToggle（）。在jQuery中默认折叠slideToggle（）元素

来源

2008-12-01 Craig Walker

您必须指定样式：显示：没有这些层，使它们不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>

来源

2008-12-01 23:30:45 netadictos

这对于禁用Javascript但启用了CSS的用户会造成问题。他们将无法看到您的内容！ – strager 2008-12-01 23:39:52

你也许可以做这样的事情：

$(document).ready(function(){ 
    $('div').hide(); 
});

来源

2008-12-01 23:29:26

这个版本的好处是，如果jquery消失了，你默认都会显示。 – gaijintendo 2015-01-24 21:23:27

您可以使用style =“display：none;”开始您的元素和slideToggle（）将从那里采取。

来源

2008-12-03 02:27:38

如前所述，在幕后应用CSS样式会导致禁用脚本的用户复杂化。解决这个问题的方法是按照Anne的说法隐藏元素，或者将脚本中的CSS定义为要更改的函数，而不是将页面样式化（将结构，样式和函数分开），然后使用toggleClass脚本函数或自定义效果隐藏由jQuery定义的函数。

来源

2012-02-02 16:58:57 BrettWeber

在jQuery中默认折叠slideToggle（）元素

回答

相关问题