Я использовал тему, которую я изменил, теперь я хочу показать подменю при нажатии, а не при наведении курсора, я не очень хорош в javascript, но я думаю, что этот код относится к меню навигации:
//top menu works only on 1 level, the other submenus are hidden from css
//on tablets, wide level 3 submenus may go out of screen
var tdMenu = {};
(function(){
'use strict';
tdMenu = {
//submenu items (used on unbind)
_itemsWithSubmenu: null,
//main menu (used on unbind)
_mainMenu: null,
//on touch - when you click outside the menu it will close all menus
_outsideClickArea: null,
_outsideClickExcludedAreas: '#td-header-menu .sf-menu, #td-header-menu .sf-menu *, .menu-top-container, .menu-top-container *',
//added when menu is open
_openMenuClass: 'sfHover',
_openMenuBodyClass: 'td-open-menu',
/*
* initialize menu
*/
init: function() {
//get menu items
var mainMenu = jQuery('#td-header-menu .sf-menu'),
menus = jQuery('#td-header-menu .sf-menu, .top-header-menu'),
menuLinks = menus.find('.menu-item-has-children > a, .td-mega-menu > a');
//add dropdown arrow on items with submenu
menuLinks.append('<i class="td-icon-menu-down"></i>');
//main menu width adjustment (top menu will use css)
mainMenu.supersubs({
minWidth: 10, // minimum width of sub-menus in em units
maxWidth: 20, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
});
//add sf-with-ul class to all anchors
menuLinks.addClass('sf-with-ul');
//add sf-js-enabled class
menus.addClass('sf-js-enabled');
//hide all submenus
menuLinks.parent().find('ul').first().css('display', 'none');
//set unbind items
tdMenu._mainMenu = mainMenu;
tdMenu._itemsWithSubmenu = menuLinks;
tdMenu._outsideClickArea = jQuery(window).not(tdMenu._outsideClickExcludedAreas);
//initialize menu
tdMenu._setHover(menuLinks, mainMenu);
},
Как я могу перейти в режим onclick?
Я не очень хорош в Javascript