使用jQuery的垂直菜单功能

时间:2009-08-14 01:18:15

标签: jquery html css

我有一个菜单(垂直菜单),我希望在悬停dd时显示每个UI,并在mouseOut(.hover()的第二个功能)时隐藏回来,这将是最简单的方法(没有插件)。

<dl class="lft-menubar">
<dt>Computers</dt>
    <dd>
      <ul class="slidedMenu">
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>
         <li>3rd level menu</li>         
      </ul>
    </dd>

由于

1 个答案:

答案 0 :(得分:1)

<script type="text/javascript">
$("dl.lft-menubar dd").hover(function() {
$(this).next().show();
},function() {
$(this).next().hide();
});
</script>

尝试类似的东西。 :)