Есть обычный список. Появляется при наведении курсора на "Раздел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"?