JQuery-通过点击切换megamenu子菜单项

时间：2016-11-09 作者：Hans Martin Hanken

我当前正在尝试创建可单击的菜单项。菜单项有一个下拉菜单。我希望下拉菜单仅在单击时显示和隐藏，而不是在鼠标悬停时显示和隐藏。

菜单项名为“meny”，旁边有一个汉堡图标：）

以下是我迄今为止编写的代码，但它不起作用：

<script>
jQuery(document).ready(function(){
jQuery(".et_fullwidth_nav #top-menu li.mega-menu > ul").click(function(){
jQuery("this").toggle();
});
</script>
我的页面链接is byes.hankens.net使用wordpress 4.6.1

我是jQuery新手，希望能得到一些帮助。。非常感谢。

1 个回复
SO网友:Cristian Mergea

Try this -> 

jQuery(document).ready(function($) { 
 $(\'#menu-main-menu a\').click(function( event ){
 var visibleSubmenu = $(\'#menu-main-menu ul.sub-menu:visible\');
 var submenu = $(this).next(\'ul.sub-menu\');
 if( submenu.length >= 1 ) {
 event.preventDefault();
 visibleSubmenu.slideUp();
 submenu.slideToggle();
 }
 });
});
标签： jquery   小码农  

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上，我不知道我是如何产生它的，或者它是否是正常的。我正在开发自己的插件，当一个足球队/足球队被输入到一个框中时，它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">