Кнопка "показать ещё"

Тема в разделе "JavaScript", создана пользователем orlov_ebs, 20 июл 2014.

Модераторы: ZiX
  1. orlov_ebs

    orlov_ebs Создатель

    Регистр.:
    9 авг 2012
    Сообщения:
    26
    Симпатии:
    3
    Привет друзья
    Есть сайт _seon.by
    Там в разделе "Примеры наших работ" хочу добавить кнопку "показать ещё"
    Подскажите в каком направлении копать.
     
  2. bolonia

    bolonia Создатель

    Регистр.:
    5 дек 2010
    Сообщения:
    10
    Симпатии:
    2
    Все дополнительные работы нужно положить в дополнительный div и спрятать его через display: none;
    Далее, добавить саму кнопку и задать ей ID.
    С помощью jQuery добавляем событие click при котором срабатывает функция, которая показывает div с доп. работами и прячет кнопку «Показать еще»

    <div id="more-works" style="display:none;">
    Тут содержимое которое будет показываться при клике на Показать еще
    </div>
    <a href="#" id="show-more">Показать еще</a>

    $('#show-more').click(function() {
    $('#more-works').fadeIn();
    $(this).hide();
    });

    P.S.: Позор называться web-агентством и не уметь реализовывать такие простые вещи.