响应水平到关闭画布手风琴菜单slideToggle问题

时间:2015-09-13 10:20:51

标签: jquery css slidetoggle

需要帮助!!!

对于一个响应式下拉菜单,其中水平下拉菜单从900px向下转向画布三级手风琴菜单,在滑动切换子级别时也存在问题,滑动效果也不会发生......尽管水平到关闭画布工作正常。在某个地方,css出现了问题,肯定是Jquery .... jquery非常原始......请帮帮忙!

使用的jquery是......但是猜测它也与css有关...

$(document).ready(function () {
    var menu = "open";
    $('.menu-toggle').click(function () {
        if (menu == "close") {
            $('.menu-toggle').css('content', '\f00d');
            $('.mainnav').css('-webkit-transform', 'translate(0,0)');
            $('#menu').addClass('mobile');
            $('.sub, .has-sub li').click(function (event) {
                event.stopPropagation();
                $(this).children('.has-sub, .sub-item').slideToggle();
            });
            menu = "open";
        } else {
            $('.menu-toggle').css('content', '\f0c9');
            $('.mainnav').css('-webkit-transform', 'translate(100%,0)');
            $('#menu').removeClass('mobile');
            menu = "close";
        }
    });
});

从下面的链接可以看出,没有使用任何框架。

这是jsFiddle:http://jsfiddle.net/arindamsg23/a24xvjd1/

先感谢一百万人的支持!

0 个答案:

没有答案