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

因为你正在使用z-index: -999; My Fiddle

删除z-indexelse usez-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;
}