Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как скрыть часть новостей выводимых custom?

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


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

вопрос
Как скрыть часть новостей выводимых 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
Юзер

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

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

matro-skin
Юзер

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

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

FastFud
Юзер

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
Юзер

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

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

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

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

наверх