4 replies to this topic

[Jeeves]

I have a togglable list, for which I am attempting to animate the contents.
When you click the header (this), it toggles the next list, for which I want to animate the list items. If I use a selector such as $('li') the function works, but I can't figure out how to get it to work with the object chain below.

var elems = $('this').next('ul').children('li'), i = 0;
(function flyIn(){
	$(elems[i++]).animate({'left': '+=200px'},100, flyIn);
})();

Ideas?

[Bart]

Does it just not work or are you getting any errors? Either way "$('this')" looks wrong, should probably be "$(this)"

[Jeeves]

You're right there, but I've fixed that too. Its just not working, no errors logged.
If I have something like

$('li') instead of $('this').next('ul').children('li') it works, still no error. But I specifically want to select only the children of the next list, not every item

[Bart]

Time to debug. For each step, verify that the correct thing is returned, meaning for
$('this') and
$('this').next('ul') and then
$('this').next('ul').children('li')

[Jeeves]

Aha! Got it working. Same code, but enclosed differently -.-
Cheers for the help. Funnily enough I only changed how it was being called because I was testing the steps again and made a mistake the line above and thought it could be done better!