You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.7 KiB
74 lines
1.7 KiB
4 years ago
|
/**
|
||
|
|
<b>Toggle sidebar submenus</b>. This approach uses <u>jQuery</u> animation and works on all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
ace.submenu = {
|
||
|
|
show : function(sub, duration) {
|
||
|
|
var $sub = $(sub);
|
||
|
|
|
||
|
|
var event;
|
||
|
|
$sub.trigger(event = $.Event('show.ace.submenu'))
|
||
|
|
if (event.isDefaultPrevented()) return false;
|
||
|
|
|
||
|
|
$sub
|
||
|
|
.css({height:0, overflow:'hidden', display:'block'})
|
||
|
|
.removeClass('nav-hide').addClass('nav-show')//only for window < 992px and .sidebar.navbar-collapse.menu-min
|
||
|
|
|
||
|
|
var complete = function() {
|
||
|
|
$sub
|
||
|
|
.css({overflow:'', height:''})
|
||
|
|
|
||
|
|
if(ace.vars.webkit) ace.helper.redraw(sub);//little webkit issue, force redraw ;)
|
||
|
|
|
||
|
|
$sub.trigger($.Event('shown.ace.submenu'))
|
||
|
|
}
|
||
|
|
|
||
|
|
$sub.parent().addClass('open');
|
||
|
|
if(duration > 0) {
|
||
|
|
$sub.animate({height:sub.scrollHeight} , {
|
||
|
|
duration: duration,
|
||
|
|
complete: complete
|
||
|
|
})
|
||
|
|
} else complete();
|
||
|
|
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
,
|
||
|
|
hide : function(sub, duration) {
|
||
|
|
var $sub = $(sub);
|
||
|
|
|
||
|
|
var event;
|
||
|
|
$sub.trigger(event = $.Event('hide.ace.submenu'))
|
||
|
|
if (event.isDefaultPrevented()) return false;
|
||
|
|
|
||
|
|
var complete = function() {
|
||
|
|
$sub
|
||
|
|
.css({display:'none', overflow:'', height:''})
|
||
|
|
.removeClass('nav-show').addClass('nav-hide')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
|
||
|
|
|
||
|
|
$sub.trigger($.Event('hidden.ace.submenu'))
|
||
|
|
}
|
||
|
|
|
||
|
|
$sub
|
||
|
|
.css({overflow:'hidden', height:sub.scrollHeight})
|
||
|
|
.parent().removeClass('open');
|
||
|
|
|
||
|
|
if(duration > 0) {
|
||
|
|
$sub.animate({height:0}, {
|
||
|
|
duration: duration,
|
||
|
|
complete: complete
|
||
|
|
})
|
||
|
|
} else complete();
|
||
|
|
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
,
|
||
|
|
toggle : function(element, duration) {
|
||
|
|
if( element.scrollHeight == 0 ) {//if an element is hidden scrollHeight is 0
|
||
|
|
if(ace.submenu.show(element, duration)) return 1;
|
||
|
|
} else {
|
||
|
|
if(ace.submenu.hide(element, duration)) return -1;
|
||
|
|
}
|
||
|
|
return 0;
|
||
|
|
}
|
||
|
|
}
|