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 can also take advantage of event propagation and attach just one event:

$(function() {
  $("#parent0").hide(); 
  $("#interviewer-Button").on('click', function(e){
    $(this).find('#parent0').toggle(e.target.id !== 'elt');
  });
});

Answer 2

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();
});

Answer 3

n/aUsed a combination of the above. Thanks to both members for their answers. great help.

            jQuery(function ($) {
                $('.coffee-strength p span').each(function () {
                    var string = $.trim($(this).text());
                    if(string!="22"){
                        $(this).html('<img src="/images/' + string + '.png" alt="' + string + '" />');
                    }else{
                        $(this).parent().parent().hide();    
                    }
                    });

            });

            </script>