试图创建一个可折叠的图库导航

Question

我正在尝试创建一个图库导航，例如something like this但我无法弄清楚如何保持导航项内联阻止并且每个导航项包含多个“内容”元素。以下是我到目前为止的情况：

http://jsfiddle.net/dmabuada/sv638nLv/

<ul class="gallery-nav">
<li class="toggle">Digital</li>
<li class="content">digital digital digital</li>
<li class="toggle">Logos</li>
<li class="content">logos logos logos</li>
<li class="toggle">Print</li>
<li class="content">print print print</li>
<li class="toggle">More</li>
<li class="content">more more more</li>

谢谢！

Answer 1

我强烈建议您使用Isotope。它是经过验证的，应该涵盖您的大部分实施需求。