Задать вопрос
@krgn
front-end developer

Как сделать вертикальную карусель новостей?

Суть в том, что нужно сделать вертикальную карусель новостей. Изначально должно отображаться всего 7 новостей в вертикальном блоке, при нажатии ссылки "показать еще новости", должно отобразиться еще 7 новостей. Ниже приведу разметку, помогите написать jquery код, который заставит отображать остальные новости по ссылке, спасибо
<div class="newsblock">

<ul>
	<!-- видимая часть новостей -->
<li>новость1</li>
<li>новость2</li>
<li>новость3</li>
<li>новость4</li>
<li>новость5</li>
<li>новость6</li>
<li>новость7</li>
<!-- видимая часть новостей -->


<!-- невидимая часть новостей -->
<li>новость8</li>
<li>новость9</li>
<li>новость10</li>
<li>новость11</li>
<li>новость12</li>
<li>новость13</li>
<li>новость14</li>
<!-- невидимая часть новостей -->

</ul>

<a href="/" id="more">Показать еще новости</a>
</div>


Желательно, чтобы прокрутка была снизу вверх

Пример отображения:

19f6610761d6452da7f543cbfb52ca3f.jpg
  • Вопрос задан
  • 187 просмотров
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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