jQuery: навигация по DOM, разворачивающиеся списки

[wall66]

<ul>
	<li onclick="$(this).next().toggle('fast')">1</li>

	<ul>
		<li>4</li>
		<li>5</li>
		<li>6</li>
	</ul>

	<li>2</li>
	<li>3</li>
</ul>

<ul>
	<li onclick="$(this).children().toggle('fast')">
		1

		<ul>
			<li onclick="$(this).children().toggle('fast')">
				4

				<ul>
					<li>7</li>
					<li>8</li>
					<li>9</li>
				</ul>
			</li>

			<li>5</li>
			<li>6</li>
		</ul>
	</li>

	<li>2</li>
	<li>3</li>
</ul>

в первом случае ie заместо ul сворачивает следующий li
во втором - при нажатии на внутренний li вместе с ним срабатывает onclick и у внешнего

нужны кроссбраузерные разворачивающиеся списки: что можете посоветовать ?

[wall66]

проблема решена введением отдельных элементов для надписей с сохранением второй структуры списка и метода next() (примененного к элементам с надписями)