二次点击时神秘消失的 div - 菜单答案

【问题标题】：Mysterious Disappearing Div on Secondary Click - Menu二次点击时神秘消失的 div - 菜单
【发布时间】：2016-02-02 20:18:51
【问题描述】：

我正在为我的作品集制作一个网站模板，但我偶然发现了一个问题！

我有一个菜单，当您单击“+”号时它会显示，当您单击“-”号时它会消失。

我遇到的问题是，当我单击以消失菜单时，“+”号出现并迅速消失……我将把我的笔放在最后，让你看看。

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

$(document).ready(function() {

    $('.menu2').hide();
    $('.direcional_frente').html('&#43;');
    $('.direcional_tras').html("&#45;");

    $('.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 用于检查元素

【问题讨论】：

标签： jquery html css menu web

【解决方案1】：

在您的Pen，JS 第 11 行中，您隐藏了 .menu（其中包含 +），而不是 .menu2

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

应该是

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

【讨论】：

【解决方案2】：

$('.direction_tras').click(function() { $(this).hide(); $('.directionais').removeClass('margin_menu_directionais'); $('.direction_frente').show(); $('.menu').hide("幻灯片", 400); });

移除 $('.direcional_frente').show();

$('.direction_tras').click(function() { $(this).hide(); $('.directionais').removeClass('margin_menu_directionais'); $('.menu').hide("幻灯片", 400); });

【讨论】：