HTML
<button class="knop">click</button>
<div class="dropdown-menu">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti nobis saepe, ratione. Dolorum eos rerum voluptate, ipsum commodi, dolor eaque nam illo veniam sequi suscipit voluptatum doloremque cum ab soluta.</p>
<p>Est laudantium maxime minima impedit quo, earum ullam. Aliquam fugit ipsam vitae optio odit aut saepe minima dolor quo, incidunt, quidem voluptate explicabo blanditiis libero asperiores quaerat cum itaque debitis.</p>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
JS
var res = $(".dropdown-menu");
$(".knop").on("click", funk);
$(document).click(function(e) {
if ($(e.target).closest(res).length || $(e.target).closest('.knop').length)
return;
res.fadeOut(100);
e.stopPropagation();
});
function funk(){
if(res.css("display") == "none"){
res.fadeIn(100);
} else{
res.fadeOut(100);
}
}
CSS
.dropdown-menu {
width: 300px;
border: 1px solid #ccc;
display: none;
}
Похожие записи
21.11.2024
Комментариев нет
14.06.2024
Комментариев нет
17.05.2024
Комментариев нет
