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?
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.
The toggle is sometimes executed multiple times
Sometimes it doesn't toggle at all
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>.
$('.filter > li > a').click(function() { allPanels.hide; $(this).next().slideToggle(); });
<------yet more quicksand stuff------->
I'm really new to jQuery (just a lonely asp/php dev, looking for fancy stuff), so if this is completely awful, I'd be super appreciative for any guidance.
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.