Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как скрыть часть новостей выводимых custom?

Как скрыть часть новостей выводимых custom?


     01.02.2015    Общие вопросы по вёрстке, jQuery, Хаки    1068

вопрос
Как скрыть часть новостей выводимых custom?
Пример как на этом сайте: http://korrespondent.net/ (кнопочка "БОЛЬШЕ ГЛАВНЫХ НОВОСТЕЙ)
У меня на сайте выводятся новости на главной при помощи custom. Отображаю 5 новостей. Нажимаю на кнопочку, открываются ещё 5 новостей, ещё раз жиакаю они снова спрятались.

Ответил: FastFud


HTML
<div id="news-v">{custom category="1" limit="5" cache="yes"}</div>
<button type="text" id="showORhide">Больше главных новостей</button>
<div id="news-h" style="display:none">{custom category="2" limit="5" cache="yes"}</div>
jQuery
<script>
$(function(){
$('#showORhide').click(function(){
    var txt = $(this).text() == 'Больше главных новостей' ? 'Меньше главных новостей' : 'Больше главных новостей';
    $(this).toggleClass('active').text(txt);
    $('#news-h').fadeToggle(300);
});
});
</script>

Комментарии пользователей (4)

FastFud
50

1599 | 588

FastFud - 1 февраля 2015 17:37 - Юзер

***Комментарий удален***

matro-skin
24

matro-skin - 1 февраля 2015 18:11 - Юзер

Да, СУПЕР! Только кнопочка "меньше главных новостей" осталась сверху, она не может быть под раскрывшимися новостями?

FastFud
50

1599 | 588

FastFud - 1 февраля 2015 18:24 - Юзер

<div id="news-h" style="display:none">{custom category="2" limit="5" cache="yes"}</div>
<button type="text" id="showORhide">Больше главных новостей</button>

matro-skin
24

matro-skin - 1 февраля 2015 18:42 - Юзер

Все работает мил-человек! Спасибо!
Сейчас стиль надписи придумаю и все:-)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы