2010-07-13 58 views
0

下面的代碼工作正常,擴展和壓縮「手風琴」。我在設置初始狀態方面遇到了問題,並開始與壓縮的手風琴。如何設置jquery hoverIntent的初始狀態

我嘗試了CSS的顯示:沒有在嵌入式的李,但它不擴大。

 

$(document).ready(function(){ 

    var hi_config = { 
    sensitivity: 3, 
    interval: 300, 
    over: hi_mouseover, 
    timeout: 300, 
    out: hi_mouseout 
    }; 


    $("#accordion > li").hoverIntent(hi_config); 

}); 

function hi_mouseover() { 
    var $this = $(this); 
    $('ul', this).stop(true, true).slideDown('medium'); 
} 

function hi_mouseout() { 
    var $this = $(this); 
    $('ul', this).stop(true, true).slideUp('medium'); 
} 
         

<ul id="accordion"> 
    <li><a href="...">Branch 1</a> 
    <ul> 
      <li><a href="...">leaf 1</a></li> 
      <li><a href="...">leaf 2</a></li> 
     </ul> 
    </li> 
    <li><a href="...">Branch 2</a> 
    <ul> 
      <li><a href="...">leaf 3</a></li> 
      <li><a href="...">leaf 4</a></li> 
     </ul> 
    </li> 
</ul> 



回答

0

編輯 哎呀,我下面說的是假設你正在使用jQueryUI的手風琴部件。我一定誤解了你的問題。對於你在做什麼,我會建議使用JQueryUI手風琴。但如果你想繼續你的方式,我會建議將

$("#accordian > li").each().slideUp('medium'); 

添加到您的$(document).ready函數中。

老回答

設置

collapsible:true, 

,並呼籲:

$('#accordion').accordion("activate" , false) 
+0

感謝您的幫助。你的答案是有道理的,儘管它不起作用 – sdfor 2010-07-13 13:10:35

0

約西亞是正確的,謝謝。我不得不改變語法來使它適用於我的情況。 (「#accordion ul」)。each(function(){ $(this).slideUp('medium'); });

+0

啊我看到:)很高興你的工作。 – Josiah 2010-07-13 16:37:27