Template:Team:Hong Kong HKUST/access-menu.js

From 2014.igem.org

var App = {

accessibleMenu: function(){ $menu = $('.access-menu'); $menuItem = $menu.find('> li > a');

$subMenu = $('.access-submenu'); $subMenuItem = $subMenu.find('> li > a'); $submenuLastItem = $subMenu.find('> li:last-child > a');

$menuItem.bind({ focus: function(){ $subMenu.removeClass('is-show'); if($(this).next($subMenu)){ $(this).next($subMenu).addClass('is-show'); } },

blur: function(){ $subMenu.removeClass('is-show'); } });

$subMenuItem.bind({ focus: function(){ $(this).parent().parent().addClass('is-show'); } });

$submenuLastItem.bind({ blur: function(){ $subMenu.removeClass('is-show'); } }); },

cancelAccessibleMenu: function(){ $(document).click(function(){ if($subMenu.hasClass('is-show')){ $subMenu.removeClass('is-show'); } }); }

};

$(function(){ App.accessibleMenu(); App.cancelAccessibleMenu(); });