javascript - JQUERY- 在 li 上显示 div 单击否则隐藏

Question

我找到了下面的 fiddle ，我想做的是让“#overlay”div 在我点击“.album”li 以外的其他地方时隐藏。点击“.album”时应该显示“#overlay”div，但当我点击“.album2”时，它应该会消失。

fiddle here

JavaScript

$(".album").click(function() {
$("#overlay").css("visibility", "visible");

CSS

#overlay { visibility: hidden; }

HTML

<ul>
<li class="album" id="nirvana-nevermind">
    hello
     <div id="overlay">
          <a href="http://www.nirvana.com">Nirvana</a> Nevermind
     </div>
</li>

   <li class="album2" id="eminem">
    hello

</li>

Answer 1

你可以添加这个:

    $('#eminem').click(function(){
    $("#nirvana-nevermind").css("display","none");
}