[jQuery] Jak zrobić hover() dla zdarzenia click Opcje

[amii]

Potrzebuję aby po kliknięciu w diva pojawiał się, natomiast po kliknięciu w jakikolwiek inny obszar na stronie znikał.
blur i focusout użyte w taki sposób nie działają tzn. alert się nie wyświetla.

[JAVASCRIPT] pobierz, plaintext 
$('div.header_table').click(function() {
        $('div#categorySelection').slideToggle();
    }).focusout(function(){
        alert(11);
        $('div#categorySelection').hide();
});
[JAVASCRIPT] pobierz, plaintext 

[nmts]

Nie wiem skąd pomysł z focusout, ale skoro za pomocą click() otwierasz div, to za pomocą click() możesz również go zamknąć. Jedyne co jest niezbędne w takim wypadku to zatrzymanie bąbelkowania przy otwieraniu.

[amii]

Próbowałem z preventDefault w ten sposób i nie działa

[JAVASCRIPT] pobierz, plaintext 
$('div.header_table').click(function(e) {
        e.preventDefault();
        $('div#categorySelection').slideToggle();
         $(document.body).one("click", function() {
            alert("This will be displayed only once.");
        });
});
[JAVASCRIPT] pobierz, plaintext 

Wrzuciłem kod na jsfiddle: http://jsfiddle.net/CPJdX/
Chodzi mi aby
1. Po kliknięciu w szkolenia komputerowe $('div.header_table') otwierał się $('div#categorySelection') - to działa
2. Po kliknięciu w jakikolwiek inny obszar zamykał się $('div#categorySelection')

Ten post edytował amii 10.12.2012, 09:57:57

[nmts]

Na szybko, bo w pracy jestem: (IMG:style_emoticons/default/wink.gif)
http://jsfiddle.net/sfww7/