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!
					Buy now and get nothing for free!
					Well, at least no free beer. Perhaps a bear,
					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!
					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.
					And now, for something completely different.
					And now, for something completely different.
					And now, for something completely different.

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

		</div>

Thank you for your time.:)