使用jQuery重新应用div样式

Question

我有一个DIV元素作为弹出窗口，具有以下样式：

#navbox { width: 220px; }

现在，当窗口出现时，用户可以切换窗口的宽度。切换时的窗口长度为520px。当用户点击按钮清除数据时，我希望窗口重新调整为原始宽度。

我可以在代码中完成：

$('#navbox').width('220px');

但我想知道是否有办法使用jQuery“重新应用”原始的#nav框定义？

这个问题涉及课程。但是DIV呢？

re-apply css classes using jquery

我试过了：

$('div#navbox').removeClass('#navbox').addClass('#navbox');

这并不像我希望的那样有效。

Answer 1

#navbox {
    width: 220px;
}

#navbox.toggled {
    width: 520px;
}

通过向其添加一个类来切换窗口的大小。

$('#navbox').addClass("toggled")

删除该类以将大小设置回原始大小

$('#navbox').removeClass("toggled")

另一种可能性是设置和删除min-height

Answer 2

您正在尝试使用添加/删除类添加ID，我不确定这是否有效。即便如此，通常当您使用该功能时，您不会添加。或者元素前面的＃符号，因为函数需要一个类。