Показывать по 5 блоков
Здравствуйте, изучаю js на примере простой галереи, решил структурировать вывод фото. Немного запутался, подскажите пожалуйста функцию.
Имеем много блоков вида:
<div class="hidden">картинка</div>
Ссылка:
<a href="#" onclick="show();">ещё</a>
Задача:
1. При нажатии на ссылку выводить каждый раз по 5 блоков
2. Как все скрытые блоки закончатся и будут видны, нужно прятать ссылку
Пока получилось вывести только разово по клику 5 шт, дальше запутался)
function show(){
$('.hidden').slice(0, 4).removeClass('hidden');
}
Но как сделать повтор данной функции на следующие 5 и так далее блоков?
И чтобы выполнить вторую задачу я так понимаю нужно считать общее кол-во блоков в переменную и затем вычитать открытые? Или искать по классу hidden как скрипт его ненайдет, то прятать кнопку?
|