Переключение (Show/Hide) видимости элемента

js   2732  

Пример покажет как скрыть/отобразить элемент HTML средствами js

Вставляем код js на сайт:

<script type="text/javascript"> 
<!-- 
function toggle_visibility(id) 
{ 
   var e = document.getElementById(id); 
   if(e.style.display == 'block') 
     e.style.display = 'none'; 
   else 
     e.style.display = 'block'; 
} 
//-->
</script>

Пример использования:

<a href="#" onclick="toggle_visibility('foo')">Click here to toggle visibility of element #foo</a>
<span id="foo">This is foo</span>
Источник: https://css-tricks.com/snippets/javascript/showhide-element/


Поиск

Метки