Mam drzewo div:

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

Gdy kliknięcie jest dokonane na div, sprawia, że ​​dzieci stają się niewidoczne - np. Kliknięcie „a” spowoduje, że „b” i „c” staną się niewidoczne.

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

Problem polega na tym, że kliknięcie „b” spowoduje kliknięcie „a” i uczynienie „b” i „c” niewidocznymi. Jak wyłączyć kliknięcie „a” za pomocą jQuery?

dzięki