Відкрите меню відкриття Javascript - javascript, jquery, html

Привіт усім Я використовую вниз меню на нашому веб-сайті івсе працює нормально, крім випадків, коли ви активуєте одну зі спадних меню, ви також можете активувати будь-яке інше спадне меню без попереднього закриття, і це виглядає брудним. Чи може хто-небудь запропонувати спосіб закрити попереднє меню при натисканні на інший?

Ось мій скрипт

    <script type="text/javascript">

function DropDown(el) {
this.dd1 = el;
this.initEvents();
}
DropDown.prototype = {
initEvents : function() {
var obj = this;

obj.dd1.on("click", function(event){
$(this).toggleClass("active");
event.stopPropagation();
});
}
}

$(function() {

var dd1 = new DropDown( $("#dd1") );

$(document).click(function() {
// all dropdowns
$(".wrapper-dropdown-5").removeClass("active");
});

});

</script>

І ось HTML

<div id="dd1" class="wrapper-dropdown-5" tabindex="1">School Information
<ul class="dropdown">
<li><a href="../pdf/schoolinfo/tariff_list_break_and_breakfast_16.pdf" target="_blank"><i></i>Break and Breakfast Price List</a></li>
<li><a href="../pdf/schoolinfo/bustimes-jan16.pdf" target="_blank"><i>  </i>Bus Timetables</a></li>

Дуже дякую

J Tech

Відповіді:

Замість того, щоб видалити клас, вам потрібно розмити вибір:

$(".wrapper-dropdown-5").blur()

Я думаю, ви шукаєте аккордеонне меню. Ось це приклад. Демонстрація Завантажити