Эффекты show/hide на JavaScript

Простой способ создания  эффекта сворачивания на чистом JavaScript. Реализовано в несколько строк. Основной принцип идеи сокрытие/раскрытие элементов. Тоесть своеобразный спойлер.

Реализация на  JavaScript:

 <script type="text/javascript">
function hide_menu(id){
document.getElementById(id).style.display = "none";
}
function show_menu(id){
document.getElementById(id).style.display = "block";
}
</script>

Сам вызов функции:

<button onclick="if (document.getElementById('idOfDiv').style.display=='none') show_menu('idOfDiv'); else hide_menu('idOfDiv');"> Показать/Скрыть</button> 
 <div id="idOfDiv"> Текст.......................</div>

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

Похожие материалы