jquery stop child triggering parent event

by

Do this:

$(document).ready(function(){
    $(".header").click(function(){
        $(this).children(".children").toggle();
    });
   $(".header a").click(function(e) {
        e.stopPropagation();
   });
});

If you want to read more on .stopPropagation(), look here.

More Related Contents:

  1. rocking effect in jquery? [closed]
  2. jQuery get value of selected radio button
  3. Twitter bootstrap remote modal shows same content every time
  4. Slide right to left?
  5. How to reload/refresh an element(image) in jQuery
  6. Auto expand a textarea using jQuery
  7. Best way to unselect a in jQuery?
  8. WebKit issues with event.layerX and event.layerY
  9. JQuery to check for duplicate ids in a DOM
  10. jQuery .scrollTop(); + animation
  11. fullcalendar multiple cell select on mobile device?
  12. How to select an element inside “this” in jQuery?
  13. Use jQuery to Select Visited Links
  14. How to hide/show more text within a certain length (like youtube)
  15. Use success() or complete() in AJAX call
  16. Validate Format of an Email Address using Jquery.validate.js [closed]
  17. Can onprogress functionality be added to jQuery.ajax() by using xhrFields?
  18. Check if YouTube video is playing and run script
  19. Access Multiple Elements of same ID in jQuery
  20. How to return an object from a Spring MVC controller in response to AJAX request?
  21. $(”) vs $(”) in jQuery
  22. Is it safe to use $.support.cors = true; in jQuery?
  23. What is the best practice for parsing remote content with jQuery?
  24. jquery fill dropdown with json data
  25. Find all elements on a page whose element ID contains a certain text using jQuery
  26. JQuery .data() not working?
  27. jQuery validator plugin + ajax submitting not working
  28. jQuery $(this) selector function and limitations
  29. JQuery Ajax is sending GET instead of POST
  30. How does jQuery .live() work?

Leave a Comment