Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите делетанту! Скрипт показывающий/скрывающий div (https://javascript.ru/forum/misc/22495-pomogite-deletantu-skript-pokazyvayushhijj-skryvayushhijj-div.html)

kuzkuz 22.10.2011 16:09

Помогите делетанту! Скрипт показывающий/скрывающий div
 
Нужно что бы при клике он открывал div а при нажатии на другу ссылку соответственно закрыл этот и открывал новый! Что нужно добавить в скрипт??

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

function show(divid)
{
if(document.getElementById(divid).style.display==" none")
{
document.getElementById(divid).style.display="inli ne";
}
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>


Часовой пояс GMT +3, время: 09:39.