Здравствуйте.
У меня вопрос по древовидному списку находящемуся по данной ссылке http://web.artlebedev.ru/tools/technogrette/html/treeview/.
Подскажите пожалуйста, что нужно изменить в коде, чтоб список при начальной загрузке, был не открыт, а свёрнут?

 

заменить ▼ (&# 9660 на ► (&# 9658 для свёрнутых ветвей

<p><a href="#" class="sc" onclick="return UnHide(this)">▼</a> - развернуто


<p><a href="#" class="sc" onclick="return UnHide(this)">►</a> - свернуто

 

По началу показалось, что всё понятно, однако перебрал все возможные варианты, а список всё одно изначально грузится развёрнутым. Видимо тут что то посложнее!

 

Также необходимо для свернутых ветвей сразу устанавливать стиль свернутого элемента.

Вот это если нужна не свернутая первая ветка:

<li>
<div><p><a href="#" class="sc" onclick="return UnHide(this)">▼</a>
<a href="#">Programs</a></p></div>
<ul>
.........

А вот эта если свернутая:

<li class="cl">
<div><p><a href="#" class="sc" onclick="return UnHide(this)">►</a>
<a href="#">Programs</a></p></div>
<ul>
.........

Обратите внимание на отличие <li class="cl">

 

Отлично! Всё получилось!
Благодарю за высокий уровень помощи!