Question

这是 FIDDLE

我有一个列表，但第一次点击时不会展开。然后在第二次单击时，它会一次展开并折叠。不知道为什么......

这是一个JQuery位的片段

$(".expandListHeader").click(function () {
    $header = $(this);
    $content = $header.next();
    $content.slideToggle(200, function () {
        $('.contentCol', this).fadeToggle(400);
    }); 
});

这是另一个列表，它确实有效，但我改变了类。（不能使用这个）它们在各方面都是相同的（99.9％肯定），因为这些类名被剔除了的 FIDDLE

Answer 1

我做了一个FIDDLE并更新了你的代码。

Link to Fiddle

.toggle()

似乎工作。而且没有绊脚石也有很好的效果。

Answer 2

尝试添加样式 -

.expandListContent {
 display: none
}

Answer 3

我已将此style="display:none"添加到expandListContent部分并且有效。

<强> FIDDLE

        <div class="expandListHeader">
            <div class="Collapse">
                <div class="expandListHeaderRow">A</div>
            </div>
        </div>
        <div class="expandListContent" style="display:none">  <---    HERE  
            <div class="expandListContentRow contentCol">
                <div class="expandListItem">Abraham</div>
                <div class="expandListItem">Albert</div>
                <div class="expandListItem">Amber</div>
                <div class="expandListItem">Andrew</div>
                <div class="expandListItem">Arnold</div>
                <div class="expandListItem">Astrix</div>
                <div class="expandListItem">Athur</div>
            </div>
        </div>

可扩展列表仅在第二次单击后展开

3 个答案: