jQuery показать скрыть.

Как показать и скрыть что то на сайте при нажатии на кнопку или ссылку?

Очень просто.

skryt-pokazat

Надо для начала подключить библиотеку jQuery. Обычно на всех движках она уже подключена. Если нет то пункт 1.

1. Скачать (на момент написания версия 1.11.1). Подключить к сайту. Для этого кидаем файл (jquery-1.11.1.min.js) библиотеки куда либо и указываем к нему путь в head вот так :

<script src="jquery-1.11.1.min.js" type="text/javascript"></script>

Вставляем код (можно в head или куда угодно):

<script>
  $(document).ready(function(){

    $(".tik).click(function () {
      $(".pokaz").toggle();
    });

  });
  </script>

 

2. Делаем кнопку или просто текст:

<div class="tik">Тык</div>

3. Делаем скрытый текст (или блок):

<div class="pokaz">Скрытый текст</div>

4. Делаем «скрытый текст» скрытым.

Пишем в стилях:

.pokaz { display: none; }

пример