Делаем разворачивающуюся панель. Руководство чайнику.
Текст Java-скрипта ("includes/drop.js"):
Код
function changeDisplayStatus(elementID) {
var id;
id = "Text" + elementID;
var elm;
if (document.getElementById) elm = document.getElementById(id);
else if (document.all) elm = document.all[id];
if (elm) {
if(elm.style.display=="none") elm.style.display = "inline";
else elm.style.display = "none";
}
}
HTML-документ, в котором шаманим (index.html к примеру):
Код
<!-- Шапка и прочая лабудень типа META -->
<body>
<script language="javascript" src="includes/drop.js" type="text/javascript"></script>
<!-- Некоторый HTML-код -->
<!-- Выделяем участок, который мы хотим скрыть от глаз пользователя. Внимание! Должен быть полный HTML-блок -->
<div class="fixed0" id="Text0" style="DISPLAY: none">
<!-- +Скрываемый код+ -->
</div>
<!-- Далее на странице делаем ссылку на открытие скрытого содержимого -->
<A class="nav" onclick="changeDisplayStatus(0)" title="Скрытая ссылка">Эта ссылка развернет скрытое содержимое</A>
</body>
</html>
Вот и всё.
Если таких кусков несколько меняется параметр id в теге <div> на Text1, Text2, Text3, а ссылки соответственно меняются на changeDisplayStatus(1), changeDisplayStatus(2), changeDisplayStatus(3) и так далее. Можно нескольким блокам присвоить один id и тогда по ссылке они будут открываться сразу все.
Спасибо за внимание.