Скрыть div при клике в пустое поле
Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер.
jQuery(document).ready(function(){
jQuery('.spoiler-text').hide()
jQuery('.spoiler').click(function(){
jQuery(this).toggleClass("folded").toggleClass("unfolded").next().fadeToggle()
})
})
<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div> <div class="spoiler-text"> ....... </div> Буду очень признателен за подсказку. |
|
Спасибо за ссылку, но все равно не получается разобраться. А охота использовать именно этот скрипт.
|
fle4er,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
jQuery(document).ready(function(){
jQuery('.spoiler-text').hide()
jQuery('div.spoiler').click(function(event){
event.stopPropagation();
jQuery('.spoiler-text').not(jQuery(this).next()).slideUp();
jQuery(this).toggleClass("folded").toggleClass("unfolded").next().slideToggle();
})
jQuery('html').click(function (event) {
if ($(event.target).closest(".spoiler-text").size()) return;
jQuery('.spoiler-text').slideUp()
});
})
</script>
</head>
<body>
<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div>
<div class="spoiler-text">
Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер
</div>
<div class="spoiler folded"><p class="spoiler" title="Спойлер" >Спойлер</p></div>
<div class="spoiler-text">
Добрый вечер, уважаемые знатоки. Есть скрипт jquery "спойлер", не получается доработать. Необходимо скрывать див при клике вне содержимого спойлера, а так же при клике на другой спойлер
</div>
</body>
</html>
|
Большое спасибо. Кажется понимаю теперь.
|
| Часовой пояс GMT +3, время: 04:57. |