请在这里检查我的 fiddle : http://jsfiddle.net/o2gxgz9r/2287/
这是现在的样子。我需要帮助来使用 css 而不是“+”和“-”来制作加号和减号,而且当您单击加号时它会折叠并且加号将变成减号。
我还需要帮助来对齐具有子菜单的元素,在这种情况下它是“服务”
function mobileMenu() {
var mobileMenu = jQuery('#mobile-menu');
var body = jQuery('body');
var mobileSubMenuTogglers = mobileMenu.find('.menu-item-has-children');
var mobileSubMenus = mobileMenu.find('.sub-menu');
jQuery('.menu-icon').on('click', function(){
mobileMenu.toggleClass('active');
body.toggleClass('no-scroll');
});
jQuery('#mobile-menu .menu-item-has-children').each(function(){
var menuElement = jQuery(this);
var subMenu = menuElement.find('.sub-menu');
var subMenuToggleElement = jQuery('<span class="toggle-sub-menu"><span class="line line-one">-</span><span class="line line-two">+</span></span>');
subMenu.before(subMenuToggleElement);
mobileSubMenuTogglers.on('click', function(){
jQuery(this).toggleClass('active');
jQuery(this).parent().find('.sub-menu').toggleClass('active');
});
});
最佳答案
在+&-
中添加切换功能
$('.line-one,.line-two').toggle()
并添加默认隐藏在 -
style="display:none;">
var subMenuToggleElement = jQuery('<span class="toggle-sub-menu"><span class="line line-one" style="display:none;">-</span><span class="line line-two">+</span></span>');
关于javascript - 带有加号和减号的可扩展移动菜单我需要让它看起来不错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42022676/