Веб-дизайн на webcollection.narod.ru

Пример:

Нажмите сюда

А теперь сюда

При нажатии на кнопку меню появляется скрытая часть. Очень полезный и часто применяемый скрипт.

Вставляем в head:


<!-- HEAD START HERE -->

<script language="JavaScript1.2">
<!--

/*
Contractible Headers Script- © WOscripts.com
Visit http://www.woscripts.com
*/

var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>

<!-- HEAD END HERE -->

Вставляем в body:


<h3 style="cursor:hand" onClick="expandit(this)">Нажмите сюда</h3>
<span style="display:none" style=&{head};>
Тут может быть все, что вы захотите.
</span>
<h3 style="cursor:hand" onClick="expandit(this)">А теперь сюда</h3>
<span style="display:none" style=&{head};>
Тут, тоже, может быть все, что угодно :)
</span>