Eu tenho uma árvore de divs:

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

Quando um clique é feito em uma div, isso torna as crianças invisíveis - ou seja, clique em "a" para tornar "b" e "c" invisíveis.

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

O problema é: um clique em "b" chamará "a" e tornará "b" e "c" invisíveis. Como faço para desativar o clique em "a" usando jQuery?

obrigado