Здравствуйте! В общем, изложу суть вопроса. Есть меню такого вида. Изначально, подпункты должны быть скрыты, а пункты, само собой видны. Как сделать так, чтобы при нажатии на "Пункт 1" открылись его подпункты, а все остальные Пункты вместе с их подпунктами исчезли?
<ul>
<li>Пункт 1
<ul>
<li>Подпункт 1</li>
<li>Подпункт 2</li>
<li>Подпункт 3</li>
</ul>
</li>
<li>Пункт 2
<ul>
<li>Подпункт 1</li>
<li>Подпункт 2</li>
<li>Подпункт 3</li>
</ul>
</li>
<li>Пункт 3
<ul>
<li>Подпункт 1</li>
<li>Подпункт 2</li>
<li>Подпункт 3</li>
</ul>
</li>
</ul>