Slide Toggle в нескольких блоках
230
10 января 2018, 17:33
Всем привет. Есть такая верстка
<button class="btn_more">Подробнее</button></p>
<div class="ctn_more">Первый блок</div>
<button class="btn_more">Подробнее</button></p>
<div class="ctn_more">Второй блок</div>
<button class="btn_more">Подробнее</button></p>
<div class="ctn_more">Третий блок</div>Работает slideToogle
<script>
$(".btn_more").click(function () {
$(".ctn_more").slideToggle("slow");
});
</script>Но он открывает сразу все? как написать что бы открывал блок той кнопки по которой нажал?
Answer 1
$(".btn_more").click(function() {
$(this).next("div.ctn_more").slideToggle("slow");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn_more">Подробнее</button>
<div class="ctn_more">Первый блок</div>
<button class="btn_more">Подробнее</button>
<div class="ctn_more">Второй блок</div>
<button class="btn_more">Подробнее</button>
<div class="ctn_more">Третий блок</div>
-
14:31
-
13:07
-
16:04
-
14:16
-
23:12
-
21:33
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
21:48
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48015 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30574 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23984 visits
- Как через css изменить цвет png изображения? 10419 visits
- Blob video url download 10012 visits
- Php curl запрос через прокси с авторизацией 9288 visits
- Работа с captcha vk api 8154 visits
© "hostciti.net" 10.4.2025 | 13:06