Another jQuery that I can't get to grips

[Charisma Bypass]

OK, so html markup like this;

Code:

<dt>heading 1</dt>
  <dd>sub 1</dd>
  <dd>sub 2</dd>
  <dd>sub 3</dd>
<dt>heading 2</dt>
  <dd>sub 1</dd>
  <dd>sub 2</dd>
  <dd>sub 3</dd>
<dt>heading 3</dt>
  <dd>sub a</dd>
  <dd>sub b</dd>
  <dd>sub c</dd>

jquery;

Code:

$("dd:not(:first)").hide();

   $("dt a").click(function(){
       $("dd:visible").slideUp("fast");
       $(this).parent().next().slideDown("fast");
       return false;
   });

What I need to do is;
all dt's closed except first one, with all children showing.
when clicked on any other dt, the child dd's shows of that dt, and the already opened dt closes.

The jquery I have is very close but only shows the first dd of any dt, whereas I need to show all the dd's of the selected dt.  Phew.

Hope it makes sense.  It's basically an accordion menu.

Thanks in advance!

[neal]

ok, basically your $(this).parent() selector only picks the first dd element. to pick them all you need to use the each function to iterate through them all.

i'm only starting to get to grips with jquery myself & i've not used the slide effects yet so i don't know how well this would work:

Code:

$("dd:not(:first)").hide();

   $("dt a").click(function(){
       $("dd:visible").slideUp("fast");
       $(this).siblings("dd").each(function() {
          $(this).slideDown("fast");
});
   });

(incidentally when i was writing 'myself' above i automatically wrote 'mysql' instead. guess what i've been writing all day!)

[samhs]

Code:

$(document).ready(function(){
 $("dt:not(:first) dd").hide();
 $("dt").click(function(){
   $(this).siblings("dt").find("dd").slideUp("fast");
   $(this).find("dd").slideDown("fast");
 });
});

untested but should work.

[Charisma Bypass]

Thanks Guys, could get nothing to work, in the end gave up on dts and dds and went for uls and lis. 

[civ]

(incidentally when i was writing 'myself' above i automatically wrote 'mysql' instead. guess what i've been writing all day!)

I do that all the time

[sarahA]

(incidentally when i was writing 'myself' above i automatically wrote 'mysql' instead. guess what i've been writing all day!)

I do that all the time

glad I'm not the only one