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 

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.

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')

Na szybko, bo w pracy jestem:
http://jsfiddle.net/sfww7/