当我单击父li然后使用javascript打开子li时，如何设置下拉菜单列表打开？

我发布的代码是一个图像、Html和css代码。。 有人告诉我，当我单击父项

然后使用
javascript
打开子项
时，如何设置下拉菜单列表吗？

在此图像中，请查看其代码外观



$（“.menu li a”）。单击（函数（）{
$（this.next（“ul”）.toggle（）；
});
$（“#菜单1 li a”）。单击（函数（）{
$（this.next（“ul”）.toggle（）；
}); 
$（“#menu2 li a”）。单击（函数（）{
$（this.next（“ul”）.toggle（）；
});

#leftcolsearch{
浮动：左；
宽度：210px；
利润率：0 7px 10px 0；
}
#leftcolsearch.option{
浮动：左；
宽度：196px；
边框：#中交点画1px；
边界顶部：无；
填充：1px 0 10px 10px；
}
.菜单{
保证金：0；
填充：0 2px；
}
.menu li{列表样式：无；浮点：左；宽度：185px；边距：0；}
.menu li ul{边距：0；填充：0；左侧边距：8px；显示：无；}
.菜单李宇莉{
保证金：4px0；
填充：0；
线高：100%；
显示：内联；
}
.menu li a.激活，.menu li a:悬停{
颜色：#539dbc；
背景：url（../images/checkboxwc.png）不重复左上角；显示：块；
填充：0 15px；
}
.菜单a{
颜色：#999；
背景：url（../images/checkbox.png）不重复左上方；
填充：0 15px；
文字装饰：无；
大纲：无；
}

日期：
























位置















































































































我在何处编写ans集。告诉我Qaisar jQuery（“菜单li”）。单击（function（）{jQuery（this）.next（“ul”）.toggle（）；}）；在您的文件中，tagi已经尝试了此代码方法，但不起作用…只有此代码对日期药剂起作用，但当我单击位置药剂
时，不会打开子列表..将第二个ul类菜单的id更改为menu1，并重复id men1的代码。它只适用于id…但不适用于任何其他选项。只需一次编写此代码并应用所有菜单…因为我使用4菜单。并在4菜单上应用相同的css代码。
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>  

  $("#menu  li").click(function(){ 
    $(this).next("ul").toggle();

        });  

$(".menu  li").click(function(){ 
    $(this).next("ul").toggle();

        });