单击“展开JS”

Question

单击后，我创建了onclick展开菜单，显示了一个项目列表。但问题是当我点击它折叠的项目时。当我点击主菜单而不是里面的项目时我只想让它崩溃!!!

这是onclick幻灯片菜单js的代码

$("#population_expanderHead").click(function(){
        $("#population_expanderContent").slideToggle();

    });

这是html中的代码

<li id="population_expanderHead" style="cursor:pointer;">
    Population
    <div id="population_expanderContent" style="display:none">
    <ul>
    <li>Population Distribution<br /></li>
    <li>Proportional Population Distribution<br /></li>
</div>
</li>

Answer 1

你可以通过多种方式实现这一目标。这是一个简单的方法：

$("#population_expanderHead").click(function(event){
   if( event.target == this ){
      $("#population_expanderContent").slideToggle();
   }
});