Спойлер с динамической подгрузкой
Пример спойлера
https://jsfiddle.net/7tos445e/ Мне нужно почти это же, но нужно сокрытие показанного. Т. е. в любой один момент времени или спойлеры вообще не раскрыты, или должен быть раскрыт только один спойлер. Если один спойлер был раскрыт, и произошел клик, активирующий раскрытие второго спойлера, то сначала показываемый спойлер должен скрыться, а после этого должен раскрыться активированный. Покажите, пожалуйста, как это сделать. |
|
Спасибо.
Если всё это можно это организовать без задержек, было бы очень хорошо. |
Цитата:
|
рони,
Цитата:
|
daslex,
вы не пробовали сделать так: форум - поиск - открывашка - и выбрать из 300 вариантов |
Dilettante_Pro,
Вы правы. Там ни fast, ни пустые скобки нулевой задержки не дают. Как показано хорошо, но, если есть возможность задержку ту (в лучшем случае 400мс, насколько я понял) в 0мс свести, то хотелось бы такую возможность использовать. На а нету, то нету, значит. |
daslex,
меняйте класс если плавность не нужна |
daslex,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.spoiler_body {
display: none;
}
.active{
display: block;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$(".spoiler_head").click(function() {
var a = $(this).next(".spoiler_body");
$(".spoiler_body").not(a.toggleClass("active")).removeClass("active")
})
});
</script>
</head>
<body>
<div class="spoiler_head">Спойлер №1 (кликните для открытия/закрытия)</div>
<div class="spoiler_body">Текст спойлера 1</div>
<div class="spoiler_head">Спойлер №2 (кликните для открытия/закрытия)</div>
<div class="spoiler_body">Текст спойлера 2</div>
<div class="spoiler_head">Спойлер №3 (кликните для открытия/закрытия)</div>
<div class="spoiler_body">Текст спойлера 3</div>
<div class="spoiler_head">Спойлер №4 (кликните для открытия/закрытия)</div>
<div class="spoiler_body">Текст спойлера 4</div>
</body>
</html>
|
рони,
Спасибо! То, что нужно. |
| Часовой пояс GMT +3, время: 23:12. |