Вход

Просмотр полной версии : Помогите делетанту! Скрипт показывающий/скрывающий div


kuzkuz
22.10.2011, 16:09
Нужно что бы при клике он открывал div а при нажатии на другу ссылку соответственно закрыл этот и открывал новый! Что нужно добавить в скрипт??

скрипт выглядит так:

function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
}

ссылка:
<a onclick="show('test');" href="#">Скрытый DIV

Div:

<div id="test" style="DISPLAY: none">скрытый текст

Aetae
22.10.2011, 16:57
Тема заезжена вусмерть. Гугл бы тебе помог быстрее.

Типа того:
<style>div{display:none}</style>

<a onclick="show('test_00');" href="#">Скрытый DIV0</a>
<a onclick="show('test_01');" href="#">Скрытый DIV1</a>
<a onclick="show('test_02');" href="#">Скрытый DIV2</a>

<div id="test_00" style="">скрытый текст0</div>
<div id="test_01" style="">скрытый текст1</div>
<div id="test_02" style="">скрытый текст2</div>
<script>

show = function (){
var last;
return function(id){
if(last)last.style.display='';
(last=document.getElementById(id)).style.display=' block';
}
}()
</script>

9xakep
22.10.2011, 17:06
<input type='button' value='show' onclick="show('test')">
<div id="test" style="display:none">скрытый текст</div>
<script>
function show(divid) {

if(document.getElementById(divid).style.display == "none") /* зачем писать "none " c пробелом? */
{
document.getElementById(divid).style.display = "block"; /*Что за inli ne????block может?? */
}
else
{
document.getElementById(divid).style.display = "none";
}
}
</script>