如何设置jquery hoverIntent的初始状态

时间:2010-07-13 00:37:57

标签: jquery-ui jquery-plugins

以下代码在扩展和压缩“accordian”时工作正常。我在设置初始状态时遇到了问题,并开始使用压缩手段。

我在嵌入式li上尝试了display:none的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>



2 个答案:

答案 0 :(得分:0)

修改 哎呀,我在下面说的假设你正在使用JQueryUI的手风琴小部件。我一定误读了你的问题。对于你正在做的事情,我建议使用JQueryUI手风琴。但是如果你想继续你的方式,我会建议添加

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

到$(document).ready函数。

旧答案

collapsible:true,

并致电:

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

答案 1 :(得分:0)

乔赛亚是对的,谢谢你。我不得不改变语法以使其在我的情况下起作用。

$(“#accordion ul”)。each(function(){     $(本).slideUp( '媒介'); });