需要幫助在這個切換很小的變化

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點擊面板內