Очень меня интересует как же закрыть спойлер нажатием на любую другую область, вне спойлера, ну и конечно что бы также закрывался и сам спойлер.
jQuery(document).ready(function(){
jQuery('.spoiler-head').click(function(){
$(this).parents('.spoiler-wrap').toggleClass("active").find('.spoiler-body').slideToggle();
})
})
.spoiler-wrap{background:#fff;margin: 0 0 8px;border:1px solid #efefef}
.spoiler-head{background:#efefef;cursor:pointer;padding:5px;}
.spoiler-body{padding:10px}
.spoiler-wrap.disabled .spoiler-body{display:none}
.spoiler-wrap.active{border-color:#57AA43}
.spoiler-wrap.active .spoiler-head{background:#57AA43;color:#fff}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="spoiler-wrap disabled">
<div class="spoiler-head">Заголовок</div>
<div class="spoiler-body">Текст</div>
</div>
$(document).ready(function(){
$('.spoiler-head').click(function(){
$(this).parents('.spoiler-wrap').toggleClass("active").find('.spoiler-body').slideToggle();
});
$(document).click(function(e){
if (!$(e.target).hasClass('.spoiler-wrap') && !$(e.target).closest('.spoiler-wrap').length) {
// $('.spoiler-wrap').hide('slide'); // - совсем убрать
$('.spoiler-wrap').removeClass("active").find('.spoiler-body').hide('slide');
}
});
});
.spoiler-wrap{background:#fff;margin: 0 0 8px;border:1px solid #efefef}
.spoiler-head{background:#efefef;cursor:pointer;padding:5px;}
.spoiler-body{padding:10px}
.spoiler-wrap.disabled .spoiler-body{display:none}
.spoiler-wrap.active{border-color:#57AA43}
.spoiler-wrap.active .spoiler-head{background:#57AA43;color:#fff}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="spoiler-wrap disabled">
<div class="spoiler-head">Заголовок</div>
<div class="spoiler-body">Текст</div>
</div>
Виртуальный выделенный сервер (VDS) становится отличным выбором
При нажатие на картинку , она должна сплывать в большем размереВсе ok, но вот как ее подвинешь в центр, часть правого края серый
У обычных dom-элементов есть метод click, при вызове которого срабатывают все обработчики кликовНо у svg этого метода почему-то нет