2010-07-13 62 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