Как сделать что бы toggle не закрывал блок, если кликнуть внутри него?

Question

[dolban4ik]

Добрый день!
Как можно сделать так, что бы при клике на icon, block мог закрываться, открываться и в то же время когда block открыт, при клике внутри него, он не исчезал, а оставался видимым?

$("#icon").click(function() {
    $('#block').fadeToggle(350);
  });

Answer 1

[lemix85]

Возможно, остановить всплытие события, но не понятно если не видеть ваш html-код

$('#block').click(function(ev) {
     ev.stopPropagation();
});
$("#icon").click(function() {
    $('#block').fadeToggle(350);
});

Comments

[dolban4ik]

Вы мой герой!

[dolban4ik]

Все идеально, только теперь код внутри блока не выполняется, как это исправить?

[lemix85]

Изменил код в ответе

[dolban4ik]

Лучший!

[lemix85]

Смысл решения в следующем. События имеют свойство всплывать. Если у вас #block находится внутри #icon, то при клике на #block сработает обработчик клика на нём, а также на #icon (считайте кликнули на #icon), т.к. событие всплывёт вверх по дереву элементов. Вызовом stopPropagation() мы остановили всплытие и теперь клик на #block приводит к срабатыванию обработчика только на #block

Answer 2

[Dymok]

при клике на иконку исчезает/появляется, при клике на блок - ничего не происходит