Есть обычный блок div, а в нем еще несколько блоков. В дочерних блоках написан текст и т.п.
Нужно при клике на родительский блок, что бы она исчезла.
Например:
<div id="main" style="width: 400px; height: 400px; background: lime;" onDblClick="this.style.display = 'none';">
<div style="background: red;">Text1 text1 text1 ...</div>
<div style="background: blue;">Text2 text2 text2 ...</div>
</div>
Все работает, но если кликнуть на дочерние блоки, то всеравно скроется блок. Как сделать что бы это было, только при нажатии на "main" блок ?