我刚开始使用twitter-bootstrap
在我的网站中，我想切换包含文件夹内容的列表，如下所示：
单击<i class="icon-folder-open">时，它应切换为<i class="icon-folder-close">，并且应隐藏第1项和第2项
这是我的初始代码，显示文件夹打开图标和该文件夹中的所有项目。
<a href="#"><i class="icon-folder-open"></i></a> Item in folder</li>
<ul>item 1</ul>
<ul>item 2</ul>
我想添加屏幕截图以获得更清晰，但无法找到将其放在此处的方法。如果问题不清楚，请告诉我，我会尝试解释更多。
我知道可能有数百万种方法可以做到这一点。我正在寻找一些小而有效的东西，并在bootstrap / jQuery领域。
这是打开时的截图
http://i47.tinypic.com/2dj5ok6.png
当它关闭时
答案 0 :(得分：7)
- 编辑 -
更新了plunk以反映OP提供的屏幕截图 - ＆gt; plunk
OP，
http://plnkr.co/edit/2PUiNqdQKLsBVhyeKLtm?p=preview你想要做什么？
用户点击按钮 - ＆gt;打开/关闭其他元素 - ＆gt;切换按钮的图标icon-folder-open / icon-folder-close。
答案 1 :(得分：0)
为了避免这个问题，我在li中使用了p元素的行高。因此，自动高度的李给我的尺寸是我需要的。
