【问题标题】:vertical Menu functunality with jQueryjQuery 的垂直菜单功能
【发布时间】:2020-01-30 18:34:21
【问题描述】:

我有一个菜单(垂直菜单),我希望每个 Ul 在悬停 dd 时显示,并在 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>

谢谢

【问题讨论】:

    标签: jquery html css


    【解决方案1】:
    <script type="text/javascript">
        $("dl.lft-menubar dd").hover(function () {
            $(this).next().show();
        }, function () {
            $(this).next().hide();
        });
    </script>
    

    尝试类似的方法。 :)

    【讨论】:

    • 谢谢,但下面的代码更正确(根据示例 HTML) $("dd").hover( function (){ $(this).children("ul").show (); return false }, function (){ $(this).children("ul").hide() });
    • 我的错误。出于某种原因,我正在查看
      之间的关系。很高兴你明白了:)
    • 顺便问一下,如何将事件添加为参数?两个函数中都有(e)? $("dd").hover( function (e){ $(this).children("ul").show(); return false }, function (e){ $(this).children("ul") .hide() })
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-21
    • 2013-07-17
    • 2021-01-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多