How to prevent a click() event through a child div to a parent div in jQuery?

Answer 1

$('.closeBtn').click(function (event){
   event.stopPropagation();
   //   ... your code here
   return false;
});

that should do the trick, so everytime you click on close it will not affect your header div,

Answer 2

You need to stop the event from propagating up the DOM tree:

$('.closeBtn').click(function (evt) {
    evt.stopPropagation();

    // Your code here
});

Answer 3

Why not hook open event with <div style="float: left;" class="headerTitle">+ OPEN</div> instead of parent div. Otherwise return false or stopPropagation from inner div click handler