Выбор и замена элемента
 

Есть обычный список. Появляется при наведении курсора на "Раздел1"

<li id="menu" ><a href="#">Раздел1</a>
		<ul>
			<li><a href="#">Подраздел1</a></li>
			<li><a href="#">Подраздел2</a></li>
			<li><a href="#">Подраздел3</a></li>
		</ul>
</li>

Как сделать что бы при клике на "Подраздел2" он вставал вместо "Раздел1"?

Элементы DOM не умеют вставать. Имеется в виду, чтоб заменялась надпись? Тогда не очень понятно в чем проблема. Покажите, что уже написали на js по этой задаче.

Да, что бы менялась надпись. Проблема в том, что я только начал программировать на JS и очень много не знаю

Как вариант:
- найти предыдущий элемент
- вставить текущий перед ним