試圖創建一個可摺疊的畫廊導航

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。它已經過嘗試，並且應該覆蓋大部分實施需求。