Скрываем/Показываем по клику блок с текстом – JS

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

<script>
  window.onload= function() 
  {
     document.getElementById('toggler').onclick = function() 
     {
        openbox('box', this);
	return false;
     };
  };
  function openbox(id, toggler) 
  {
     var div = document.getElementById(id);
     if(div.style.display == 'block') 
     {
	div.style.display = 'none';
	toggler.innerHTML = 'Показать все вопросы';
     }
     else 
     {
	div.style.display = 'block';
	toggler.innerHTML = 'Закрыть все вопросы';
     }
  }
</script>

И в нужном месте выводим скрытый блок с текстом:

<div style="margin-bottom:20px;">
  <a id="toggler" href="#">Показать все вопросы</a>
</div>
<div class="col-md-12 col-sm-12" id="box" style="display: none;">СКРЫТЫЙ ТЕКСТ</div>

Демо данного примера можно посмотреть и скачать здесь.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 оценок, среднее: 5,00 из 5)
Загрузка...
Добавить комментарий

пять + два =

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: