jQuery Forum

I'm using Quicksand, which works great. It sorts my portfolio perfectly.

But since my menu is very long and involved, I'm trying to make the sub-categories show when the main category is clicked. To do this, I've played around with slideToggle (I'm not attached to this effect), which has issues.

1. The toggle is sometimes executed multiple times
2. Sometimes it doesn't toggle at all
3. When you toggle a subcategory, the main categories in the <li>'s below it drop down beneath it.

Ideally, I'd like for all main categories to remain floating on the top. When clicked, the subcategories should appear below that main category <ul>.

Here's a fiddle: http://jsfiddle.net/AngstyG/ELN3G/

The specific code I'm using for the toggle:

1. <------some quicksand stuff------->
   
2.           
   
3.                var allPanels = $('.filter li ul').hide();
4. 
   
5. <------more quicksand stuff------->   
6. 
   
7.                 $('.filter > li > a').click(function() {
                   allPanels.hide;
                   $(this).next().slideToggle();
               });
8. 
   
9. <------yet more quicksand stuff------->