javascript - 在 LI 内时，Slidetoggle 无法正常工作

Question

我试图在点击 slidetoggle 时显示/隐藏 div，它工作正常，但是当我点击 input 时，它仍然显示/隐藏，如何让它只在 LI 上工作，而不在内部元素上工作。

这是工作 JSfiddle Demo

我的限制是我无法将 div 带出 LI，因为它目前在 LI 标签内

这是我为此创建的函数:

$('#location').click(function(){
    $(".location_contents").slideToggle(600);
    $(".header_right > ul > li:nth-child(1)").toggleClass('actbtn');
});

Answer 1

如果点击父div时会触发函数，点击子div时也会触发，可以使用immediate child selector，

$('#location > a').click(function(){
        $(".location_contents").slideToggle(600);
        $(".header_right > ul > li:nth-child(1)").toggleClass('actbtn');
});