在脚本切换菜单中添加“if”条件(jquery)

时间:2012-04-14 12:26:29

标签: javascript jquery html drop-down-menu toggle

请不要在下面写下很多代码。

var flip = 0;
$('#btn').click(function () {
$('#blck').toggle( flip++ % 2 == 0 );
$('#menu-btn') .removeClass('close') .addClass('open')
});

我把代码放在一起2,他应该执行开启和关闭div,同时更改另一个div的类。 问题是第二个对象的类不会改回第二个单击...据我所知,它应该是一个条件 IF 。帮助我理解语言的语法。

非常感谢,并抱歉英语不好。

问题已经结束。谢谢 gillesc 。你的建议没有用,我不得不补充道:

var flip = 0;
$('#btn').click(function () {
$('#blck').toggle( flip++ % 2 == 0 );
$('#menu-btn').toggleClass('close open');
});

现在一切都井然有序

2 个答案:

答案 0 :(得分:3)

你不需要if,只需要切换类,对于块只需切换它。

 $('#btn').click(function () {
        $('#blck').toggle();
        $('#menu-btn').toggleClass('close open');
    });

答案 1 :(得分:1)

var flip = 0;

$('#btn').click(function () {
    var menu_button = $('#menu-btn');

    $('#blck').toggle( flip++ % 2 == 0 );

    if (menu_button.hasClass('open')) {
        menu_button.removeClass('close');
        menu_button.addClass('open');
    } else {
        menu_button.removeClass('open');
        menu_button.addClass('close');
    }
};