mouseleave/mouseout, чтобы скрыть div?

Question

Я использую следующее, чтобы сначала скрыть div на pageload, а затем переключить состояния show hide.

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

Я хотел бы сделать это можно также скрыть DIV (если виден), щелкнув в любом другом месте на странице за пределами #playlist_wrapper дел.

Я знаю, что это сделано с помощью «мышиного» в JQuery или «mouseout» в простой JS, но я просто не знаю, как реализовать его здесь.

Любая помощь будет оценена по достоинству.

Cheers!

Answer 1

Вы можете сделать это следующим образом.