在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（）元素

回答

相關問題