Question

请在这里查看我的小提琴： http://jsfiddle.net/o2gxgz9r/2287/

这就是它现在的样子。我需要帮助使用css而不是＆＃34; +＆＃34;来制作加号和减号。和＆＃34; - ＆＃34;并且当你点击加号时它会崩溃，加号将变为减号。

此外，我需要帮助调整具有子菜单的元素，在这种情况下它是＆＃34;服务＆＃34;

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');
    });
});

Answer 1

<强> Updated fiddle

在+&-

中添加切换功能

 $('.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>');

带有加号和减号的可扩展移动菜单我需要让它看起来不错

1 个答案: