jquery - 可展开列表仅在第二次点击后展开

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()

似乎有效。并且没有磕磕碰碰的效果也不错。