Menu icon Foundation
Sub-nav filtering contents

Hello:

I read that sub-nav is OK for filtering content. I'm triying to make a portfolio with diferent kind of content (images and video) and when you click one the only content that must show it's the one that you selected. I have the begin of the code, but I do not know how I must continue.

Can you help me? I didn't find any tutorial or example in internet :( Thanks in advanced and sorry for my broken English

<dl class="sub-nav"> <dt>Make your selection:</dt> 
    <dd class="active"><a href="#">All</a></dd> 
	<dd><a href="#">Images</a></dd> 
	<dd><a href="#">Videos</a></dd> 
	</dl>
            

         

sub-navfiltering

Hello:

I read that sub-nav is OK for filtering content. I'm triying to make a portfolio with diferent kind of content (images and video) and when you click one the only content that must show it's the one that you selected. I have the begin of the code, but I do not know how I must continue.

Can you help me? I didn't find any tutorial or example in internet :( Thanks in advanced and sorry for my broken English

<dl class="sub-nav"> <dt>Make your selection:</dt> 
    <dd class="active"><a href="#">All</a></dd> 
	<dd><a href="#">Images</a></dd> 
	<dd><a href="#">Videos</a></dd> 
	</dl>
            

         
Nina Wei over 5 years ago

Have you figured out how to do this? Thanks!

Karl Ward over 5 years ago

That requires javascript, and is not a part of Foundation. Here is a plugin, but there are many others:
http://vestride.github.io/Shuffle/