How to use .click on nested divs

Question

I have this fiddle: https://jsfiddle.net/ren8v32v/

What I want, is that the .underline div moves under the clicked .block div. The problem is, is when I click on one of the inner divs, JavaScript also sees the div above, so the animation is 'nullified'.

I was wondering if this situation knows a solution.

ezakto · Accepted Answer · 2016-09-21 07:22:22Z

1

Just use e.stopPropagation() at the beginning of the event handler. This will prevent the event from bubbling up through the dom.

$('.block').click(function(e) {
    e.stopPropagation();
    ... stuff

Updated fiddle https://jsfiddle.net/ren8v32v/1/

answered Sep 21, 2016 at 7:22

ezakto

3,20424 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Maarten Wolfsen Over a year ago

Aah, look at that! I was looking for such a function for a long time now. Thanks alot!

Collectives™ on Stack Overflow

How to use .click on nested divs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related