Tengo un árbol de divs:

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

Cuando se hace un clic en un div, los niños se vuelven invisibles, es decir, al hacer clic en "a" se volverán "b" y "c" invisibles.

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

El problema es: un clic en "b" llamará "a" haciendo clic y hará que "b" y "c" sean invisibles. ¿Cómo desactivo el clic en "a" usando jQuery?

Gracias