скрыть div на фоне нажмите

Question

У меня есть серия divs, которые показывают ссылку на ссылку. Когда я обнаружил, что я пытаюсь сделать их близкими на фоновом клике, сохраняя при этом их способность иметь разные div, заменяя друг друга при нажатии на разные ссылки.

JS скрипка здесь: http://jsfiddle.net/t593pyg9/3/

$(document).ready(function() { 
    $('.toggle').hide(); 
    $('a.togglelink').on('click', function (e) { 
     e.preventDefault(); 
     var elem = $(this).next('.toggle') 
     $('.toggle').not(elem).hide(); 
     elem.toggle(); 
    }); 
}); 

Answer 1

Слушайте щелчки по всему документу, чтобы предотвратить это закрытие «всплывающего окна» после нажатия это ссылка из-за распространение событий добавить return false; к шоу щелчка слушателю.

$('.toggle').hide(); 
$('a.togglelink').on('click', function (e) { 
    e.preventDefault(); 
    var elem = $(this).next('.toggle') 
    $('.toggle').not(elem).hide(); 
    elem.toggle(); 
    return false; 
}); 
$(document).on('click',function(e){ 
    $('.toggle').hide(); 
}); 

Fiddle

---

Update

Если вы хотите, чтобы предотвратить всплывающие окна из укрытия при нажатии на нее добавить следующее:

$('.toggle').on('click', function (e) { 
    return false; 
}); 

New Fiddle