無法編輯slideDown中的內容accordion

Question

我有一些按鈕，點擊後可以用一些文本輸入字段向下滑動一個模塊。我似乎無法與這些「抽屜」中的內容互動。在jsFiddle上，我不能點擊輸入框，我似乎無法與（+）產品集進行交互。思考？

FIDDLE.

$(".clause").click(function() { 
    var $this = $(this); 
    $(".clause").css("box-shadow", "none"); 
    var tmp = $this.next("div.drawer"); 
    if(tmp.is(":hidden")) { 
     tmp.slideDown('2s'); 
     $this.css("box-shadow", "0px 3px 5px #AAA"); 
     clicked = true; 
    } 
    else { 
     tmp.slideUp('2s'); 
     clicked = false; 
    } 
}); 

Answer 1

由於您使用z-index: -999; My Fiddle

刪除z-index使用別的z-index: 1;或者只是爲了演示我使用999

.drawer { 
    width:300px; 
    padding:10px 6px 3px 6px; 
    position:relative; 
    margin-top:-3px; 
    background:#F4F4F4; 
    z-index:999; 
    display:none; 
    transition: display 2s ease; 
    font-size:12px; 
    font-family:Helvetica, sans-serif; 
    font-weight:light; 
}