Question

我尝试使用Nishutosh Sharma的that jQuery function（第2篇文章）来折叠和扩展我的侧边栏。现在它不起作用，但我找不到错误。你能帮帮我吗？

我的JavaScript中的函数

function expandList(){
    $("#samples").attr("collappsed", "expanded");
}

这是我的HTML：

<div id="samples" class="collappsed" onclick="expandList()">
    <ul id="sample-list" class="list"></ul>
</div>

这是我的CSS：

.expanded {
    left: 0px;
}

.collappsed {
    left: -130px;
}

有关它的更多信息，可以找到 in this fiddle

Answer 1

collapsed不是属性。它是class属性的值。

function expandList(){
    $("#samples").toggleClass("collappsed expanded");
}