Javascript 单击时显示子菜单_Javascript_Jquery_Html_Css

Javascript 单击时显示子菜单

javascript jquery html css

Javascript 单击时显示子菜单,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想请你帮忙。我试图在单击时显示子菜单网页：[www.marekmellena.eu][1] 在左边你们可以看到一些菜单。它们是由wordpress自动创建的。我想将“sub2，sub3”作为默认值隐藏。但单击“#main”后，它们应该是可见的我已经在这个网站上尝试了一些解决方案，但不知何故它不起作用 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&

我想请你帮忙。我试图在单击时显示子菜单

网页：[www.marekmellena.eu][1]

在左边你们可以看到一些菜单。它们是由wordpress自动创建的。我想将“sub2，sub3”作为默认值隐藏。但单击“#main”后，它们应该是可见的

我已经在这个网站上尝试了一些解决方案，但不知何故它不起作用

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>
 there should be script, right?
</script>
</head>


应该有剧本吧？

我打电话给菜单：

 <div class="menu-style">
   <h4><?php $nav_menu = wp_get_nav_menu_object(6); echo $nav_menu->name; ?></h4>
   <?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?>
 </div>

这就是结果（我想隐藏/显示类子菜单）：

Hlavní菜单

谢谢你的帮助！！：）

使用

.toggle（）

显示或隐藏

子菜单

元素

或

.slideToggle（）

以显示或隐藏

.sub菜单

元素，并为一些额外的“oohlala”（）

不要忘记使用

.preventDefault（）

取消重定向事件（单击



$（文档）.ready（函数（）{
$（'.菜单项>a'）。单击（函数（e）{
e、 预防默认值（）；
$（this）.next（'.sub菜单'）.slideToggle（）；
});
})；
。子菜单{
显示：无；
}

赫拉维尼菜单


























从隐藏子菜单开始`

。子菜单{
显示：无；
}
或用于一些额外的oohlala（专业术语）。谢谢！我必须放在文件的末尾。这样它才能正确显示。但是，链接不起作用。有什么线索吗？你可以在该页面上看到。非常感谢！如果你保持链接活动，你将离开该页面。尝试删除e.preventDefault（）
要解决这个问题，您可以将仅用于展开或折叠子菜单的锚设置为href=“#”@Robiseb我想我已经解决了！我将样式添加到page.php.current menu祖先。子菜单{display:block；}。。。。
<h4>Hlavní menu</h4>

<div class="menu-hlavni-menu-container">
<ul id="menu-hlavni-menu" class="menu">
    <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-has-children menu-item-61">
       <a href="http://marekmelena.eu/transparentni-ucet/">#main</a>
    <ul class="sub-menu">
       <li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-74">
        <a href="http://marekmelena.eu/sub2/">sub2</a>
         <ul class="sub-menu">
          <li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73">
           <a href="http://marekmelena.eu/sub3/">sub3</a>
          </li>
         </ul>
       </li>
    <li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-76">
      <a href="http://marekmelena.eu/sub2/">sub2</a>
        <ul class="sub-menu">
            <li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75">
              <a href="http://marekmelena.eu/sub3/">sub3</a>
            </li>
        </ul>
    </li>
    </ul>
    </li>

    <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-has-children menu-item-82">
     <a href="http://marekmelena.eu/transparentni-ucet/">Transparentní účet</a>
      <ul class="sub-menu">
        <li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-83">
         <a href="http://marekmelena.eu/o-hw-world-kontakt/">O HW World, kontakt</a>
          <ul class="sub-menu">
        <li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="http://marekmelena.eu/clankyblog/">Články/blog</a></li>
        </ul>
    </li>
    </ul>
    </li>
</ul>
</div>