javascript - 使用 jQuery 切换元素宽度

Question

我在左边有汉堡包和菜单，里面有width: 0px;

250px单击汉堡菜单将宽度更改为，然后第二次单击将宽度更改为 ，我该怎么办0px？

var hamburger = $('.hamburger-menu__list').css('width');

$('.hamburger-toggle').click(function(){
    $(this).toggleClass('open');
    if (hamburger == '0' ) {
        $('.hamburger-menu__list').css('width', 250);
    } 
    else {
        $('.hamburger-menu__list').css('width', 0);
    };
});

标签： javascriptjqueryhtmlcss

Answer 1

这将起作用。你必须每次检查汉堡包的宽度。

$('.hamburger-toggle').click(function(){
    var hamburger = $('.hamburger-menu__list').css('width');
    $(this).toggleClass('open');
    if (hamburger == '0' ) {
        $('.hamburger-menu__list').css('width', 250);
    } 
    else {
        $('.hamburger-menu__list').css('width', 0);
    };
});