jQuery Forum

/o\ I'm super new to jquery, so this is probably butchered terribly:

http://jsfiddle.net/mJj7U/

I'm trying to make this float with jqfloat (works great), pulsate with a resize animation (works once), and twinkle with an opacity animation (doesn't work at all).

I'm sure I'm doing something wrong with the structure, as they each work fine on their own. Although I also can't get the pulsate and twinkle to keep animating infinitely. It'll only go once.

How can I make all animations start at once, and not stop?

Any thoughts are greatly appreciated!

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------->  
   

I'm a total jQuery newb, so I'm sure this is a super simple fix.

I have an accordian-type list, in which you can click the link and it will expand/contract. The problem is that I have links inside the main list which, when clicked, close the main list. I'd like for the main list to stay expanded after the links inside have been clicked.

See here: http://jsfiddle.net/AngstyG/mPAgg

I tried stopPropagation and also preventDefault, but no joy. I'm sure I'm just doing everything wrong.

Any advice greatly appreciated! Will compensate with cupcakes ;)