Como impedir que o elementos filhos executem a ação do elemento pai

Fala pessoal, tudo bem ? estou tendo problemas com um menu expansivel desse site, tipo, ele tem as categorias de produto, se a categoria tiver sub categoria ele vai expandir quando clicado e as subcategorias linkariam para a página de produtos passando o idcategoria e caso não tivesse subcategorias a propria categoria linkaria, só que quando eu clico na categoria ela expande, mas se clico na subcategoria ao invés dela linkar ela faz o trabalho da categoria pai que é expandir/esconder, sendo que, categoria(expandir/esconde) -> subcategoria(linka), só que tanto um quanto o outro faz a expansão.

Código

$(document).ready(function(){
$(".sidebar-menu li.principal").click(function(event){
var verLink = $(this).children("#veryLink").val();
$(this).children("ul").children("li").css("background","none");
event.preventDefault();

if($(this).children("ul").hasClass("desativado")){

$(this).children("ul").show("slow");
$(this).children("ul").removeClass("desativado");
$(this).children("ul").addClass("ativado");
if(verLink > 0) {

$(this).children("a").css({"color":"#003eb2", "background": "url('images/produtos/sobe-menu.png') no-repeat right 13%"}) } } else{

$(this).children("ul").hide("slow");
$(this).children("ul").removeClass("ativado");
$(this).children("ul").addClass("desativado");
if(verLink > 0) {

$(this).children("a").css({"color":"#58585a", "background": "url('images/produtos/desce-menu.png') no-repeat right 13%"}) }

}

})
})

Sabem me dizer oque acontece, pois como podem ver, só as li com classe principal deveriam fazer o trabalho.

Obrigado desde já.