Javascript jquery动画div width=0不工作

我在我的页面上有如下div

<div id="container">
    <div id="header">
    </div>
    <div id="sidebar">
        <div id="switch"></div>
        <div id="list"></div>
    </div>
    <div id="viewer"></div>
    <div id="footer">
    </div>
</div>

div

开关

是一个按钮，用于收缩

侧栏

和拉伸

查看器

。我希望

侧边栏

完全向左收缩，并将

查看器

拉伸到剩余空间。但我还是得到了5倍的差距。你可以看看我的小提琴。我怎样才能解决这个问题

提前感谢…

：）

---

blasteralfred

将这一行也添加到css中：

#list {padding-left: 0;}

---

删除#列表中留下的填充，空白就消失了