Как указать .stopPropagation() в этом примере?

Question

Я использовал следующий код, чтобы получить "нажмите снаружи", чтобы закрыть работу:

по щелчку дивы шоу:

$('div.topIconNew').click(
    function(){ 
     $(this).siblings('div.topTip').show(); 
     $(this).siblings('div.topDrop').slideDown(240); 

По щелчку за пределами DIVS шкурой:

$('div#wrapper').click(
    function(event){ 
     $('div.topIconNew, div.topTip, div.topDrop').hide(); 
    } 
); 
$('div.topTip, div.topDrop').click(
    function(event){ 
     event.stopPropagation(); 
    } 
); 

проблема с этим выше заключается в том, что topIconNew .stopPropagation делает так, что после того, как divs topTip и topDrop открыты, они не будут закрываться, если я снова нажму тот же самый topIconNew (т. е. переключится) или другой экземпляр topIconNew.

NEW EDIT ***

Хорошо, я думаю, через это и интересно, если решение может быть с тем, если заявления.

Так что я в конечном счете хочу следующий дополнительный код:

$('topIconNew').click(
    function(){ 
     $('div.topTip, div.topDrop').hide(); 
    } 
); 

Однако, я хочу выше также сказать, чтобы скрыть topTip и topDrop при нажатии topIconNew только если topTip и topDrop открыты И скрыть только те элементы topTip и topDiv, которые в настоящее время открыты.

Как бы я сказал выше?

Answer 1

Это не отвечает на ваш вопрос напрямую, но я только что видел, что кто-то из SO реализует метод «щелчок в любом месте, чтобы закрыть всплывающее окно» довольно элегантным способом; оговорка в том, что остальная часть вашей страницы должна использовать e.stopPropagation() экономно.

$('div.topIconNew').click(function(e){ 
    $(this).siblings('div.topTip').show(); 
    $(this).siblings('div.topDrop').slideDown(240); 

    $(document).one('click', function() { 
     $('div.topTip, div.topDrop').hide(); 
    }); 

    e.stopPropagation();   

    ... 
});