Bootstrap hide / show＆amp;滑块

Question

我正在学习Bootstrap，而我仍然坚持创建一个侧边栏面板，如下所示：

有两件事我还没弄明白怎么办。

1. 在上图中，当您点击“+”图标时，此部分会向下滑动。我应该在CSS中指定一些属性，如何点击它或在javascript / jquery中？

2. 我想要有5个复选框，其余的应该通过滑块看到，就像向下滑动一样。我试着这样做但是这段时间不断变长：



这是我到目前为止所做的。我只是想测试它是否会起作用。

我是新手，我不懂JavaScript或jQuery。我想先加强Bootstrap，然后再去Javascript。