сполер "[+]Подробнее"

[Torvin]

Утро доброе!

Такой вопрос - есть скрипт которой скрывает нужный текст и при нажатии на (в моем) случае "+" открывает. Только вот проблемка, при открытии страницы, все вкладки на + уже открыты, а как сделать чтобы они изначально были все закрыты?

ах да , сам скрипт и кусок текста -

<script langauge="JavaScript" type="text/javascript">
function doMenu(item) {
 obj=document.getElementById(item);
 col=document.getElementById("x" + item);
 if (obj.style.display=="none") {
  obj.style.display="block";
  col.innerHTML="[-]";
 }
 else {
  obj.style.display="none";
  col.innerHTML="[+]";
 }
}
</script>
<a href="JavaScript:doMenu('main');" id=xmain>[+]</a> Main Item
<div id=main style="margin-left:1em">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>
<br>

[stars]

вам нужно изменить вот эту строчку:

<div id=main style="margin-left:1em;display:none;">

[Torvin]

вам нужно изменить вот эту строчку:

<div id=main style="margin-left:1em;display:none;">

спасибо большое!

[Torvin]

вот появился еще вопрос -

а если на странице подразумевается много таких "сполеров", как на каждый сделать отдельную открывалку?

через добавление новых

function NEW(item) {
 obj=document.getElementById(item);
 col=document.getElementById("x" + item);
 if (obj.style.display=="none") {
  obj.style.display="block";
  col.innerHTML="[-]";
 }
 else {
  obj.style.display="none";
  col.innerHTML="[+]";
 }
}


и всем свои 
<div id=NEW style="margin-left:1em">

?

[stars]

вот появился еще вопрос -

а если на странице подразумевается много таких "сполеров", как на каждый сделать отдельную открывалку?

Вот смотрите код:

<script langauge="JavaScript" type="text/javascript">
function doMenu(item) {
 obj=document.getElementById(item);
 col=document.getElementById("x" + item);
 if (obj.style.display=="none") {
  obj.style.display="block";
  col.innerHTML="[-]";
 }
 else {
  obj.style.display="none";
  col.innerHTML="[+]";
 }
}
</script>

<a href="JavaScript:doMenu('main');" id="xmain">[+]</a> Main Item
<div id="main" style="margin-left:1em;display:none;">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>
<br>
<a href="JavaScript:doMenu('main1');" id="xmain1">[+]</a> Main Item
<div id="main1" style="margin-left:1em;display:none;">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>
<br>
<a href="JavaScript:doMenu('main2');" id="xmain2">[+]</a> Main Item
<div id="main2" style="margin-left:1em;display:none;">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>
<br>
<a href="JavaScript:doMenu('main3');" id="xmain3">[+]</a> Main Item
<div id="main2" style="margin-left:1em;display:none;">
 <a href=#>Item 1</a><br>
 <a href=#>Item 2</a><br>
 <a href=#>Item 3</a>
</div>

Вам нужно править только id было main и xmain добавляем в конец номер или букву и получаем mainZZ42 и xmainZZ42 соответсвенно

[Torvin]

ох, и везде кавычек не понаставил .... спасибо еще раз!