jquery - slideDownアコーディオンのコンテンツを編集できません

Question

クリックすると、いくつかのテキスト入力フィールドがあるモジュールを下にスライドするボタンがいくつかあります。これらの「引き出し」内のコンテンツを操作できないようです。jsFiddleでは、入力ボックスをクリックできず、（+）製品セットを操作できないようです。考え？

フィドル。

$(".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

MyFiddleを使用しているためz-index: -999;

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;
}