105 lines
3.4 KiB
JavaScript
105 lines
3.4 KiB
JavaScript
( function( $, spc ) {
|
|
|
|
var addToggleLink = function($elem){
|
|
$elem.wrapInner('<a href="#toggleMenu" class="toggler"></a>');
|
|
},
|
|
toggleState = function($toggler){
|
|
$toggler.toggleClass('closed');
|
|
$toggler.toggleClass('opened');
|
|
},
|
|
focusFirstSubLink = function($elem, is2nd){
|
|
|
|
var $foc = (is2nd) ? $elem.find('a')[1] : $elem.find('a')[0];
|
|
|
|
if($foc){
|
|
$foc.focus();
|
|
}
|
|
return $foc;
|
|
},
|
|
focusLastSubLink = function($elem){
|
|
|
|
var $foc = $elem.find('a:last-child'),
|
|
height = $elem.find('p').scrollHeight;
|
|
|
|
if($foc){
|
|
$foc.focus();
|
|
}
|
|
$elem.scrollTop(height);
|
|
return $foc;
|
|
},
|
|
|
|
mainMenu = function(){
|
|
var $menu = $('.nav-main').find('> ul');
|
|
|
|
try{
|
|
if($menu.length > 0){
|
|
var $toggler = $menu.find('> li.level1 > .li'),
|
|
$submenu = $menu.find('> li.level1 > ul');
|
|
if($toggler.length > 0 && $submenu.length > 0){
|
|
|
|
$toggler.addClass('closed');
|
|
addToggleLink($toggler);
|
|
$toggler.each(function( index ) {
|
|
$(this).on( "click", function(e) {
|
|
e.preventDefault();
|
|
var $this = $(this);
|
|
toggleState($this);
|
|
if($this.hasClass('opened')){
|
|
var $foc = focusFirstSubLink($this.closest('li.level1'), true);
|
|
}
|
|
});
|
|
});
|
|
|
|
//FIXME: store current nav state with local storage
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}catch(err){
|
|
|
|
}
|
|
},
|
|
sideMenu = function(){
|
|
var $menus = $('.tools').find('.toggle-menu');
|
|
|
|
|
|
try{
|
|
$menus.each(function( ) {
|
|
var $menu = $(this);
|
|
if($menu.length > 0){
|
|
var $toggler = $menu.find('h6'),
|
|
$submenu = $menu.find('nav > ul, nav > div');
|
|
if($toggler.length > 0 && $submenu.length > 0) {
|
|
|
|
$toggler.addClass('closed');
|
|
addToggleLink($toggler);
|
|
$toggler.each(function (index) {
|
|
$(this).on("click", function (e) {
|
|
e.preventDefault();
|
|
var $this = $(this);
|
|
toggleState($this);
|
|
if ($this.hasClass('opened')) {
|
|
var $elem = ($submenu.is('div')) ? focusLastSubLink($submenu): focusFirstSubLink($submenu,false);
|
|
}
|
|
});
|
|
});
|
|
|
|
//FIXME: store current nav state with local storage
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
}catch(err){
|
|
alert('err');
|
|
}
|
|
};
|
|
|
|
$(function(){
|
|
mainMenu();
|
|
sideMenu();
|
|
});
|
|
|
|
} )( jQuery, spc );
|
|
|