У меня есть дерево divs:

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

Когда щелчок делается на элементе div, он делает его дочерние элементы невидимыми, т. Е. Нажатие на «a» сделает «b» и «c» невидимыми.

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

Проблема в том, что щелчок «b» вызовет щелчок «a» и сделает невидимыми «b» и «c». Как отключить нажатие на «а» с помощью jQuery?

Спасибо