Раскрывающаяся ссылка
 

<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>

Как сделать, что бы если кликаешь на ссылки внутри то после перезагрузки список оставался открытым. А вот если кликаешь на главную или карту сайта то после перезагрузки список закрывался?

Сохранять значение на клиенте. Куки, sessionstorage, localstorage...

Я пока новичок, можно подробнее.

Обрабатывайте событие click для ссылок в div. Нажали по любой ссылке, создали в localstorage элемент (типо click:yes). А потом просто проверять есть ли такое значение в localstorage и скрывать этот див, если есть. Для нажатий по карте сайта и тд нужно удалить созданный ранее элемент(если есть) из localstorage.