I am trying to make this list of cd's work. The letters will have the bands listed under them and then when each band will be clicked on a selection of albums by them will appear.

I've so far managed to make all of them appear when it is clicked but can't seem to make only albums for those bands appear they all do.

My Javascript:
Code JavaScript:
$(document).ready(function(){
 
$(".header3").hide();
 
  $(".header2").click(function(){
    $this.parent().next(".header3").toggle(slow);
    return false;
  });
});

My CSS:
Code CSS:
.header 
{position: absolute;
 top: 24em;
 left: 25%;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
 
.header li
{ list-style-type: none;
}
 
.header li a
{color: white;
 font-size: 1.2em;
}
 
.header .header2 li
{list-style-type: none;
}
 
.header .header2 a
{color: white;}
 
.header .header2 .header3 li
{list-style-type: none;
}
 
 
.header .header2 .header3 a
{color: blue;}

My HTML (extract of it):
Code HTML4Strict:
<ul class="header">
<li><a name="a">A</a>
<ul class="header2">
	<li><a href="#">A Perfect Circle</a>
		<ul class="header3">
			<li><a href="http://www.amazon.co.uk/Thirteenth-Step-Perfect-Circle/dp/B0000AZJXQ/ref=sr_1_2?ie=UTF8&qid=1302651762&sr=8-2">13th Step</a></li>
			<li><a href="http://www.amazon.co.uk/Mer-Noms-Perfect-Circle/dp/B00004T99Z/ref=sr_1_1?ie=UTF8&qid=1302651762&sr=8-1">Mer De Noms</a></li>
		</ul>
	</li>
</ul>
<ul class="header2">
	<li><a href="#">AC:DC</a>
	<ul class="header3">
		<li><a href="#">Live</a></li>
	</ul>
	</li>
</ul>
</li>

Thanks in advance