Ich habe einen Baum von divs:

<div id="a" onclick="func">
    <div id="b" onclick="func">
         <div id="c" onclick="func">
         </div>
    </div>
</div>

Wenn Sie auf ein Div klicken, werden die untergeordneten Elemente unsichtbar. Klicken Sie also auf "a", um "b" und "c" unsichtbar zu machen.

function func{
   if ($(childId).hasClass("visible")){
    $(childId).removeClass("visible");
    $(childId).addClass("invisible");
}

Das Problem ist: Ein Klick auf "b" ruft "a" auf und macht "b" und "c" unsichtbar. Wie deaktiviere ich den Klick auf "a" mit jQuery?

Vielen Dank