Страница 1 из 1

drop-down info (Появление доп. информации)

Добавлено: 01 дек 2004, 19:43
fima
Подскажите пожалуйста, как сделать как на сайте http://www.ntvplus.ru/questions-abonent когда кликаеш на линк, появляется дополнительная информация, при этом никуда не перескакиваеш, а остальная информация передвигается вниз. Когда кликаеш опять по линку, то информация пропадает. Что это JavaScript? Как это сделать?

Добавлено: 05 дек 2004, 23:45
Duncon
Вот тебе полностью рабочий код.

Код: Выделить всё

<HTML><HEAD><TITLE>123</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<style type=text/css>
DIV.point {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #d9d9d9 1px solid; DISPLAY: none; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 2px 0px; BORDER-LEFT: #d9d9d9 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #d9d9d9 1px solid; BACKGROUND-COLOR: #f4f4f4
}
</style>
<SCRIPT language=JavaScript>
<!--//
function Down( id) 
{ 
    whichEl = document.getElementById( "point_"+id);
    if (whichEl.style.display == "none" || whichEl.style.display=="") 
    {
                whichEl.style.display = "block";  
    }
    else 
    {
                whichEl.style.display = "none";
    }
}
//-->
</SCRIPT>
</head>
<DIV class=10px style="MARGIN: 4px 0px">[B]1[/B] [url=javascript:Down('1')]5+5=[/url] </DIV>
<DIV class=point id=point_1>10.
</DIV>
<DIV class=10px style="MARGIN: 4px 0px">[B]2[/B] [url=javascript:Down('2')]И ничего трудного[/url] </DIV>
<DIV class=point id=point_2>Успехов!!!
[/B]
</DIV>
</HTML>
[/color]

Добавлено: 06 дек 2004, 20:17
fima
SPASIBO

Добавлено: 06 дек 2004, 23:12
Duncon
Ne za cto