次要点击 - 菜单上的神秘消失Div

时间:2016-02-02 20:18:52

标签: jquery html css menu web

我为我的投资组合制作了一个网站模板,我偶然发现了一个问题!

我有一个菜单,当您点击' +'登录,并在您点击“' - '登录。

我遇到的问题是当我点击消失菜单时,' +'标志出现并迅速消失......我将把笔放在最后,这样你就可以看看。

我正在使用parallax.js和fullPage.js

$(document).ready(function() {

    $('.menu2').hide();
    $('.direcional_frente').html('+');
    $('.direcional_tras').html("-");

    $('.direcional_tras').click(function() {
        $(this).hide();
        $('.direcionais').removeClass('margin_menu_direcionais');
        $('.direcional_frente').show();
        $('.menu').hide("slide", 400);
    });

    $('.direcional_frente').click(function() {
        $(this).hide();
        $('.direcionais').addClass('margin_menu_direcionais');
        $('.direcional_tras').show(400);
        $('.menu2').show("slide", 400);
    });

    $(document).ready(function() {
        $('#fullpage').fullpage();
    });

    $('.landing').parallax({
        imageSrc: 'https://dl.dropboxusercontent.com/u/67567510/fundo.jpg'
    });

});

以下是Pen以及用于检查元素目的的已调试page

2 个答案:

答案 0 :(得分:1)

Pen,JS第11行中,你隐藏了.menu(包含+),而不是.menu2

$('.menu').hide("slide", 400);

应该是

$('.menu2').hide("slide", 400);

答案 1 :(得分:0)

  

$(' .direcional_tras')。click(function(){           $(本).hide();           $(' .direcionais')removeClass(' margin_menu_direcionais&#39)。           $(' .direcional_frente')。节目();           $(' .menu')。hide(" slide",400);       });

删除$(' .direcional_frente')。show();

  

$(' .direcional_tras')。click(function(){           $(本).hide();           $(' .direcionais')removeClass(' margin_menu_direcionais&#39)。           $(' .menu')。hide(" slide",400);       });