需要帮助在这个切换很小的变化

Question

在这个代码下面我只是想当我点击面板内的任何内容（面板内的P标签中包含的内容），不应该滑动面板，直到点击面板或其他地方在面板内部使用但不是子元素p，请参阅小提琴中的html以获取帮助，并单击“尝试”，如果使用其他非click事件，则不应关闭面板。这个剧本早些时候帮助我与先生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('+'); 
     } 
    }); 
}); 

拨弄着玩的

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

Answer 1

去除document load$("#toggle li > .panel").hide();使面板上打开load

添加$("#toggle li > .panel").click(function(event){ event.stopPropagation(); }); 将使下拉当y时不关闭ou点击面板内