Does anyone know the most efficient way to filter a list with another list
Does anyone know the most efficient way to filter a list with another list
Hi,
This is my first post and am new to jquery.
I am trying to work out the best way to filter a list with another list.
The idea being when you click on one or multiple items of the filter options jquery will hide all of the items in the results list except those that contain a class with the same name as the text of the selected items from the filter list.
I think I am in the right position with my html to start applying some jquery
My filter lists look like:
<divid="menuList">
<ulid="filter">
<h1>Skills</h1>
<liclass="current"><ahref="#">All</a></li>
<liid="2">Creative Direction</li>
<liid="3">Motion Graphics</li>
<liid="5">Video Direction</li>
<liid="6">Video Editing</li>
<liid="7">Cameraman</li>
<liid="8">On set Lighting</li>
<liid="9">Post Production</li>
<liid="10">Logo Design</li>
<liid="11">Illustration</li>
<liid="12">Graphic Design</li>
<liid="13">Traditional Artwork</li>
<liid="14">3D Animation</li>
<liid="15">3D Particles</li>
<liid="16">3D Modelling</li>
<liid="17">3D Texturing</li>
<liid="18">3D Rigging</li>
<liid="19">Character Animation</li>
<liid="20">Maxscripting</li>
<liid="21">Programming</li>
<liid="22">Character Design</li>
<liid="23">Photography</li>
<liid="36">3D Rendering</li>
</ul>
<ulid="filter">
<h1>Categories</h1>
<liclass="current"><ahref="#">All</a></li>
<liid="18">TV</li>
<liid="4">Visualisation</li>
<liid="5">Games</li>
<liid="7">Stings</li>
<liid="48">Cinema</li>
</ul>
</div>
and each item of my results list looks something like:
<liclass=" 3D-Animation 3D-Particles 3D-Modelling 3D-Texturing Photography 3D-Rigging 3D-Rendering Character-Design Programming Maxscripting Character-Animation Traditional-Artwork "><ahref="uploaded/images/largeThumbs/Golf_3d_model.jpg"rel="shadowbox[105]">...which are inside a div: