mouseleave / mouseout隐藏div？

Question

我正在使用以下内容初步隐藏页面加载中的div，然后切换隐藏显示状态。

$(function() {
  $('#playlist_wrapper').hide();  
  $('#toggle_playlist').click(function() {
    $('#playlist_wrapper').slideToggle(400);
    return false;
  });
});

我想通过点击#playlist_wrapper div之外的页面上的任何其他地方来隐藏div（可见时）。

我知道它是在Jquery中使用'mouseleave'或在普通JS中使用'mouseout'完成的，但我不知道如何在这里实现它。

任何帮助都将不胜感激。

干杯！

Answer 1

你可以这样做。

$(document).ready(function() {
  $("body").click(function(event) {
    if (event.target.id != "playlist_wrapper") {
      //The user clicked outside the playlist_wrapper
      //Here you can hide / show the div.
    }
  });
});