<div id="list_small">list1</div> <a href="javascript" id="list_small_link" onclick="$('#list_small, #list_small_link, #list_big, #list_big_link').toggle('');">развернуть список</a>
<div id="list_big" style="display: none;">list2</div> <a href="javascript" id="list_big_link" onclick="$('#list_small, #list_small_link, #list_big, #list_big_link').toggle('');" style="display: none;">свернуть список</a>
list1 - заменяем на список с первыми треямя пунктами
list2 - заменяем на список со всеми пунктами
Нужно так же подключить jQuery (если uCoz, то забейте, всё подключено).
Не тестил, но должно работать.Добавлено (15.01.2012, 18:44)
---------------------------------------------
<div id="list_small">list1</div> <a href="javascript://" id="list_small_link" onclick="$('#list_small, #list_small_link, #list_big, #list_big_link').toggle('');">развернуть список</a>
<div id="list_big" style="display: none;">list2</div> <a href="javascript://" id="list_big_link" onclick="$('#list_small, #list_small_link, #list_big, #list_big_link').toggle('');" style="display: none;">свернуть список</a>
Даже вот так.
Добавлено (15.01.2012, 18:56)
---------------------------------------------
<div id="list_small">list1, list1, list1</div> <a href="javascript://" id="list_small_link" onclick="$('#list_big, #list_big_link').show('');$('#list_small, #list_small_link').hide('');">развернуть список</a>
<div id="list_big" style="display: none;">list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2, list2</div> <a href="javascript://" id="list_big_link" onclick="$('#list_small, #list_small_link').show('');$('#list_big, #list_big_link').hide('');" style="display: none;">свернуть список</a>
Или так, если эффекты лишние не нужны.
