Плагин jquery для показа и скрытия элементов по клику

Небольшой jQuery плагин который позволяет организовать скрытие и показ элементов или блоков при клике на другой элемент.

• Скрыть или показать элементы с классом «show-block».
• Скрыть или показать элемент с id «block-3».

1. Скачиваем плагин по следующей ссылке. Загружаем на сайт и подключаем, предварительно убедившись, что jquery библиотека так же подключена.

   <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
   <script type="text/javascript" src="/RealShowHide.js"></script>
   

2. Определяемся с элементами, при клике на которые должны появляться те или иные блоки. Этим элементам присвоим общий класс, например «ShowElement» и пропишем аттрибут «data-element». В нём укажем, какие блоки показывать и скрывать при клике.

   <span class="ShowElement" data-element=".show-block">(Show/Hide elements with class=show-block)</span> | 
   <span class="ShowElement" data-element="#block-3">(Show/Hide element with id=block-3)</span>
       	
   <div class="show-block" style="display: none;">Block 1</div>
   <div class="show-block" style="display: none;">Block 2</div>
   <div id="block-3" style="display: none;">Block 3</div>
           	
   <script>
       $('.ShowElement').RealShowHide({'speed':'fast'});
   </script>
           

В качестве параметра плагину можно передать настройку скорости показа и скрытия блоков.

• fast — быстро;
• slow — медленно;
• без параметра — мгновенно.