there is a block and the event of a click on a block with id="event1"
hangs 1 event js. when clicking on the block c id="close_event1"
corresponding other event. But since the first block is the parent of the second, then we click only on 1 block in both versions. actually the question is how to do that to hang an event on a nested block, so as not to transfer it beyond the parent's limits, since when you click on the last, the parent must hide, and it is not very convenient
<div class="main_block_participation"> <div class="event_border" id="event1"> <div class="event_image"> <img src="images/product/Без имени-1.jpg" /> <div class="event_note"> <div id="event_calendar_left">Left</div> <div id="event_calendar_count">#</div> <div id="event_calendar_days">Days</div> </div> </div> <div class="event_close" id="close_event1"> <img src="images/menu/bt_close_login_form.png" /> </div> <div class=""> <div class="event_date">19 December - 20 November</div> <div class="event_description"> text text text </div> </div> </div> </div>
event.stopPropagation();
- Deonis