Accordion madness troubles
Hi, I'm brand spankin' new to jquery, and to JavaScript, with some intermediate background with CSS.
I'm using a variation on Accordion Madness from Learning jQuery (
http://www.learningjquery.com/2007/03/accordion-madness
) and I'm having some issues with nested DIVs.
I'm trying to do this in Wordpress because I'm starting a movie journal of sorts.
My test site is up at
http://www.zenegg.org/popcorn
I have FINALLY gotten the thing to work as far as the accordion animation and show/hiding each appropriate DIV, but I can't for the LIFE of me figure out how to hide all the other "test" DIVs and only keep one open.
Can any awesome experts shed some light on this for me? I will be very thankful.
Thanks!
EDIT: here's code
-
$(document).ready(function() {
$('a').click(function() {
this.blur();
});
$('div.demo-show2> div.post> div.test').hide();
$('div.demo-show2> div.post> div.click').click(function() {
$(this).next('div.test').slideToggle('fast')
.siblings('div.test:visible').slideUp('fast');
});
});