Js Spoiler или исчезающие div-ы

И так, пускай нам нужно по клику прятать и открывать контент. Демка скрипта Для этого можно использовать следующий скрипт:

<script language="javascript">
function toggle_start() {
var ele = document.getElementById("toggleStart");
var text = document.getElementById("displayStart");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Start";
}
else {
ele.style.display = "block";
text.innerHTML = "Start";
}
}
</script>

Размещаем данный скрипт в body. Далее нам нужна ссылка нажимая на которую мы будем показывать и прятать содержимое:

<a id=»displayStart» class=»» href=»javascript:toggle_start();» target=»»>Start</a>

и теперь сам контент:

<div id=»toggleStart» style=»display: none;»>
START! START! START!
</div>

Случайные Статьи

Loading…


Количество просмотров :2821

Оставьте коментарий