mouseleave / mouseout to hide div?

Question

我使用以下代码在页面加载时隐藏div，然后切换隐藏显示状态。

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

我想通过点击#playlist_wrapperdiv以外的页面上的任何地方来隐藏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.
    }
  });
});