полностью готовый скрипт, но нехватает 1 нюанса

епт, ну допишите перед скриптом, что дал выше

<style type="text/css">

	#raz, #dva, #tri {display: none;}

</style>

Ну а раз у вас их не три а 10... ну... тогда я прям даже и не знаю что тут можно сделать))))

Любители индусского кода.

<script>

var fShowHide='';

function showhide(id){

var e=document.getElementById(id); 

var z=document.getElementById(fShowHide);

if (e) e.style.display = e.style.display ? "" : "none";

if (z&&z!=e) z.style.display="none";

fShowHide=id;

}



</script>

<span onClick="showhide('first')">Блок 1</span>

<div style="display:none;" id="first">Первы блок</div>

<br />

<span onClick="showhide('second')">Блок 2</span>

<div style="display:none;" id="second">Второ блок</div>

Chukcha и LEOnidUKG

если есть желания Z-кошельки в личку, по 1 уе скидываю.

Спасибо всем

Кидайте: Z381514768509 :)

люблю такое спасибо :)

Z123239540412

<script>

var fShowHide='';

function showhide(id){

var e=document.getElementById(id); 

var z=document.getElementById(fShowHide);

if (e) e.style.display = e.style.display ? "" : "none";

if (z&&z!=e) z.style.display="none";

fShowHide=id;

}



</script>

<span onClick="showhide('first')">Блок 1</span>

<div style="display:none;" id="first">Первы блок</div>

<br />

<span onClick="showhide('second')">Блок 2</span>

<div style="display:none;" id="second">Второ блок</div>

ну наконец-то я нашёл что искал. половина не работает, вторая не то что нужно, а тут удача.

однако один момент, если не сложно, уважаемый LEOnidUKG можно ли как-то подправить Ваш код так, что бы всегда, при переходе на страницу один из нужных ид блоков, по сути номер 1 показывался, а уже если нажимаешь на какой-то друг то он скрывался?

зарание спасибо

так для этого...

1 блок в css не определять display

а переменную fShowHide инициализировать id блока

var fShowHide='id нужного блока';

Можно:

<script>

var fShowHide='first';

function showhide(id){

var e=document.getElementById(id); 

var z=document.getElementById(fShowHide);

if (e) e.style.display = e.style.display ? "" : "none";

if (z&&z!=e) z.style.display="none";

fShowHide=id;

}



</script>

<span onClick="showhide('first')">Блок 1</span>

<div id="first">Первы блок</div>

<br />

<span onClick="showhide('second')">Блок 2</span>

<div style="display:none;" id="second">Второ блок</div>