JQUERY，当单击一个LI且单击不是在<A href>Toggle上时</a>

Question

我对用户单击LI的空白区域时切换我的LI感兴趣。 LI确实包含重定向的链接，但是在用户单击LI的空白区域的情况下，我希望LI进行切换

<li id="58" class="records">
<a href="adadad">Title</a>
<div class="expanded" style="display:none;" id="expanded_58"> STUFF </DIV>
</li>

例如，在上面的代码中，如果用户单击LI，而该单击不在HREF上，我希望expand_58切换。

谢谢！

Answer 1

用这个：

$(function(){
    $('li.records').click(function(e){
       if(e.target == this) $('div.expanded', this).toggle();
    });
});

Answer 2

$("li.records").click(function(e){
  if (e.target.nodeName == "LI")
    $(".expanded", this).toggle();
});