Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在子菜单内切换子菜单_Jquery_Html_Menu_Toggle_Slidetoggle - Fatal编程技术网

Jquery 在子菜单内切换子菜单

Jquery 在子菜单内切换子菜单,jquery,html,menu,toggle,slidetoggle,Jquery,Html,Menu,Toggle,Slidetoggle,我正在尝试切换菜单中的项目。现在我有3个图标,当点击它们时,点击图标下的UL下拉菜单手机会打开。单击“主菜单项”时,“子菜单项”应滑开,单击“子菜单项”时,“子菜单项”应滑开。现在我似乎只能滑动打开手机的UL下拉菜单,但我不知道如何才能切换其中的子菜单 因此,我将以下布局作为菜单: //移动主菜单的滑动切换 $('li.icons list')。单击(函数(e){ if($(this).sides('li.hovertest').find('ul.dropdown mobile:visible

我正在尝试切换菜单中的项目。现在我有3个图标,当点击它们时,点击图标下的
UL
下拉菜单手机会打开。单击“主菜单项”时,“子菜单项”应滑开,单击“子菜单项”时,“子菜单项”应滑开。现在我似乎只能滑动打开手机的
UL
下拉菜单,但我不知道如何才能切换其中的子菜单

因此,我将以下布局作为菜单:

//移动主菜单的滑动切换
$('li.icons list')。单击(函数(e){
if($(this).sides('li.hovertest').find('ul.dropdown mobile:visible').length){
$('ul.dropdown mobile').slideUp('slow');
}
$(this).find('ul.dropdown mobile').slideToggle('slow');//显示相应的一个。
});

    • 搜寻
    • 谷歌地图

这应该有效,您必须使用以下条件:

//移动主菜单的滑动切换
$('#图标包装器li')。单击(函数(e){
var$this=$(this);
if($(this).children('ul:visible').length){
$(this.find('>ul:visible').stop().slideUp('slow');
}否则{
$(this.children('ul').stop().slideToggle('slow');
}
返回false;
});
ul{
显示:无;
}

    • 搜寻
    • 谷歌地图

如果我理解正确:

//移动主菜单的滑动切换
$('#图标包装器li')。单击(函数(e){
e、 停止传播();
$(this.find('>[class*=“subsubsubmenu-”).slideToggle('slow');
});

    • 搜寻
    • 谷歌地图

谢谢你的快速回答,Jai,但由于某种原因,它完全停止下滑,我也不完全确定why@StefanNeuenschwander好的,让我查一下it@StefanNeuenschwander这是你想要的吗。检查工作正常的代码段!非常感谢,洁。节省了我大量的时间和头发拉扯。还工作,因为我的意图!“图标”不再滑动,所以我将在Jai的解决方案中设置答案,但子菜单thingy可以按照我的要求工作。谢谢你的帮助!