子菜单WordPress切换

Question

我想切换仅具有子菜单的菜单项，但现在发生的是，每当我切换具有子菜单或子菜单的每个父菜单项时，我都无法找到一种方法来切换单个菜单项，但是没有一个父项目要更清楚，这里的链接是我想要达到的目标

  jQuery(document).ready(function(){ jQuery('.sidebar_menu ul ul').hide(); if(jQuery('.menu-item-has-children').length >0) { jQuery('.menu-item-has-children').click( function(event) { jQuery(this).addClass('toggled') if(jQuery('.menu-item-has-children').hasClass('toggled')) { jQuery('.sidebar_menu ul ul').toggle(); } return false; }); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="sidebar_menu"> <div class="menu-sidebar-container"><ul id="menu-sidebar" class="menu"><li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-35 toggled"><a href="http://technocia.com/why-choose-us/">Why Choose Us?</a> <ul class="sub-menu" style="display: none;"> <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="http://technocia.com/why-choose-us/">Why Choose Us?</a></li> </ul> </li> <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-36"><a href="http://technocia.com/terms-and-condition/">Terms and Condition</a> <ul class="sub-menu" style="display: none;"> <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><a href="http://technocia.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="http://technocia.com/resume/">Resume</a></li> </ul> </li> <li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="http://technocia.com/blog/">Blog</a></li> </ul></div></div> 

Answer 1

JS小提琴

您需要更改此

 jQuery('.sidebar_menu ul ul').toggle(); // you are toggeling every class who has .sidebar_menu

这个

 jQuery(this).children('ul').toggle(); // you are only selecting its children which is ul