Представляю вашему вниманию готовый плагин вопрос-ответ.

Примерно как он будет работать можете понять со скриншота к статье.

Настраивается просто:

  • Добавляем класс .item {display: none;}
  • В наш блок вставляем html код: <a rel="item" href="">Вопрос</a>
    <div class="item">Ответ</div>
    <a rel="item" href="">Вопрос</a>
    <div class="item">Ответ</div>
  • И под ним или внизу сайта подключаем такой скрипт: <script>
    $('a[rel=item]').click(function(){
    $(this).next().toggle('slow');
    return false;
    });
    </script>

На этом все. Остальное уже (шрифты, цвета и т.д. настраиваем в CSS)

Понравилась статья? Расскажи друзьям!

Комментарии

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

avatar
wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля