无法在slideDown手风琴中编辑内容

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