JQuery Accordion Menu (Help Needed)

[flopoloco]

Hello, I would like someone experienced in JQuery framework help me a 2-level accordion menu for my website.

Here you can get a working example...
http://jquery.bassistance.de/accordion/demo/

For instance if you could modify the first example (Standard, container is a div, header is h3 and content div and nested p), what could you do?

<div class="basic ui-accordion selected" style="float: left; margin-left: 2em;" id="list1b">
			<a class="selected">There is one obvious advantage:</a>
			<div style="overflow: hidden; height: auto;">

				<p>
					You've seen it coming!<br>
					Buy now and get nothing for free!<br>
					Well, at least no free beer. Perhaps a bear,<br>
					if you can afford it.
				</p>
			</div>
			<a class="">Now that you've got...</a>

			<div style="overflow: hidden; display: none; height: auto;">
				<p>
					your bear, you have to admit it!<br>
					No, we aren't selling bears.
				</p>
			</div>
			<a class="">Rent one bear, ...</a>
			<div style="overflow: hidden; display: none; height: auto;">
				<p>

					get two for three beer.
				</p>
				<p>
					And now, for something completely different.<br>
					And now, for something completely different.<br>
					And now, for something completely different.<br>
					And now, for something completely different.<br>

					And now, for something completely different.<br>
					And now, for something completely different.<br>
					And now, for something completely different.<br>
					And now, for something completely different.<br>
					Period.
				</p>
			</div>

		</div>

Thank you for your time.:)