Показать элементы без ajax
135
19 апреля 2018, 11:08
Есть много div, и стоят они по 3 штуки в ряд. Изначально показывает 6 div, остальные скрываются. Я хочу добавить кнопку "показать еще" и при нажатии показывать следующие 6 div. Без ajax, все элементы уже на странице. Я не могу на стороне сервера обернуть каждые 6 div в какой-то родительский и таким образом показывать "каждые 6".
Answer 1
https://api.jquery.com/slice/
$(function(){
$("div").slice(0, 5).show();
$("div").slice(6).hide();
var start = 6;
$("#showMore").click(function(){
$("div").slice(start, start + 5).show();
start = start + 6;
});
});
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46730 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30301 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22879 visits
- Как через css изменить цвет png изображения? 10172 visits
- Blob video url download 9805 visits
- Php curl запрос через прокси с авторизацией 9064 visits
- Работа с captcha vk api 7981 visits
![Условие для скрытия элементов [требует правки]](https://hostciti.net/images/nophoto.png "Условие для скрытия элементов [требует правки]")
© "hostciti.net" 02.5.2024 | 22:37