Попытка создать сворачиваемую галерею nav

Question

Я пытаюсь создать галерею nav, например. 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. Он опробован и правдоподобен и должен охватывать большинство ваших потребностей в реализации.