<ul>
<li class="main-menu"><a href="#">Главная</a></li>
<li class="main-menu"><a href="#"> Карта сайта</a></li>
[JS]
<script>
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
document.getElementById(id).style.display = '';
}
}
</script>
[/JS]
<div><li class="main-menu"><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Сайты</a></li>
<div id="identifikator" style="display: none">
<li class="main-pod"><a href="#">Сайт1</a></li>
<li class="main-pod"><a href=#">Сайт2</a> </li>
<li class="main-pod"><a href="#">Сайт3</a> </li>
<li class="main-pod"><a href="#">Сайт4</a> </li>
<li class="main-pod"><a href="#">Сайт5</a> </li>
</div>
</div>
</ul>
Как сделать, что бы если кликаешь на ссылки внутри то после перезагрузки список оставался открытым. А вот если кликаешь на главную или карту сайта то после перезагрузки список закрывался?