Hiding parent divs in Jquery

Question

I am having a simple div structure ( see below ). All I am trying to do is when the div id \"interviewer-Button\" is clicked the following div\'s should appear and when the

Answer 1

You need to stop propagation of the click event in the handler for the inner element. Without that the handler for the parent will also be invoked. See the jQuery event object for more info.

$("#elt").click( function (e) {
    e.stopPropagation();
    $(this).parent().parent().hide();
});