Простые вкладки или спойлер на javascript

Пример простейшего спойлера для различных скрытых списков или чего-либо что должно появиться после нажатия на кнопку.

function hide() {

obj = document.getElementById("hides");

if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }

}

// ]]>

</script>

1 2	<a>Заголовок - кнопка </a> <div id="hides" style="display: none;">здесь открывается скрытый текст</div>

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

function hides(num) {

obj = document.getElementById("hides_"+num);

if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }

}

// ]]>

</script>

<a>Заголовок</a>

<div id="hides_1" style="display: none;">текст</div>

<a>Заголовок 2</a>

<div id="hides_2" style="display: none;">текст 2</div>

Рассказать: