Простые вкладки или спойлер на javascript
Пример простейшего спойлера для различных скрытых списков или чего-либо что должно появиться после нажатия на кнопку.
1 2 3 4 5 6 7 |
<script type="text/javascript">// <![CDATA[ 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> |
Если требуется сделать несколько независимых спойлеров, то можно использовать нумерацию:
1 2 3 4 5 6 7 |
<script type="text/javascript">// <![CDATA[ function hides(num) { obj = document.getElementById("hides_"+num); if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; } } // ]]> </script> |
1 2 3 4 |
<a>Заголовок</a> <div id="hides_1" style="display: none;">текст</div> <a>Заголовок 2</a> <div id="hides_2" style="display: none;">текст 2</div> |
Рассказать: