javascript - 需要有关此切换的帮助，几乎没有变化

Question

在下面的代码中，我只是想当我点击面板内的任何内容(面板内 p 标签中包含的内容)时，不应该滑动面板，直到使用面板或其他地方的点击而不是面板内的子元素 p ，请参阅 fiddle 中的 html 以获取帮助，如果使用的不是点击事件，则点击尝试不应关闭面板。这个脚本是我之前在 praveen 先生那里得到的帮助。

代码是

$(document).ready(function () {
    $("#toggle li > .panel").hide();
    $('.plusminus').html('+');

    $('#toggle li').click(function () {
        if( !$(this).children('.panel').is(":visible") ) {
            $("#toggle li > .panel").slideUp();
            $('.plusminus').html('+');
        }
        a = $(this).children(".plusminus");
        $(this).children(".panel").slideToggle('fast', function(){
            a.html($(this).is(":visible") ? '--' : '+');
        });
    });

    $("body").click(function(event){
        if ($(event.target).closest("ul").attr('id') != "toggle") {
            $("#toggle li > .panel").slideUp();
            $('.plusminus').html('+');
        }
    });
});

fiddle 可以玩

http://jsfiddle.net/praveenscience/Ss3xU/26/

Answer 1

在文档加载时删除$("#toggle li > .panel").hide();以使面板在加载时打开>

添加 $("#toggle li > .panel").click(function(event){
事件.stopPropagation();
});当您在面板内单击时，将使下拉菜单不关闭