Drop down menu 单击下拉列表

我很好奇，如何通过点击链接来更改下拉菜单打开和关闭的代码。因为现在如果你点击下拉列表的主体，它也会关闭和打开

$（文档）.ready（函数（）{
$（“ul”）。单击（函数（）{
$（this）.children（'li:not（.init'））.slideToggle（0）；
$（this.find（“li.init”）.toggleClass（“init1”）；
});
});
。选择容器ul{
宽度：200px；
}
.李先生
{
边框：1px纯绿色；
宽度：100%；
光标：指针；
列表样式：无；
}
.selectContainer ul li:不是（.init）{
显示：无；
浮动：左；
}
li.init{position:relative；}
li.init:在{内容：“\2193”；位置：绝对；右侧：5px；}之后
li.init1:在{内容：“\2191”；位置：绝对；右：0；}之后


选择
选项1
选项2

您使用
$（“ul”）
查询“ul”-元素并定义它的
单击
。显然，它后面的所有空格都是ul元素的一部分

为什么不尝试设置
$（“li.init”）。改为单击
。在函数内部，您可以查询“ul”，就像在您的示例中一样。但是设置
。单击“li”的
。
您可以尝试：

 $( "ul li.init" ).click(function(e) {  
     $('li:not(.init)').slideToggle(0);
     $(this).toggleClass("init1");   
   });