Complex Category Listing

Long time lurker, first time poster… Not sure if this would be better suited for the Hacks forum or here.

I’ve got a site that I want to display categories with subcategories in a nested div. Here’s an HTML example:

<div id="categoryList">
	<div class="category">
		<a href="#" class="clickToggle"><h1>Category 1</h1></a>
		<div class="subCategories">
			<div class="subCategory">
				<a href="#" class="hoverToggle"><h2>franchise 1</h2></a>
				<p>...//...</p>
			</div>
		</div>
	</div>
	<div class="category">
		<a href="#" class="clickToggle"><h1>Category 2</h1></a>
		<div class="subCategories">
			<div class="subCategory">
				<a href="#" class="hoverToggle"><h2>franchise 5</h2></a>
				<p>...//...</p>
			</div>
		</div>
	</div>

Any help would be greatly appreciated. I’m open to suggestions if there’s an entirely different way to do this, as well.

Huge thanks in advance to anyone that can help me along.