Здравейте на всички, които използвам надолу меню на нашия сайт ивсичко работи добре, освен когато активирате някое от падащите менюта, можете да активирате и всяко друго падащо меню, без предишното да се затвори и изглежда объркано. Може ли някой да ви предложи начин да затворите предишното меню, когато кликнете върху друг?
Ето моя скрипт
<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
Отговори:
0 за отговор № 1Вместо да премахнете класа, трябва да замъглите избирате:
$(".wrapper-dropdown-5").blur()
0 за отговор № 2
Мисля, че търсиш акордеонно меню. Ето го пример. Демонстрация Изтегли