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);
    };
});

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);
    };
});