jquery - 使用 jQuery 重新应用 div 样式

Question

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

#navbox { width: 220px; }

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

我可以在代码中做到这一点：

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

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

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

我试过了：

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

这并没有按我希望的方式工作。

score 2 · Accepted Answer

#navbox {
    width: 220px;
}

#navbox.toggled {
    width: 520px;
}

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

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

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

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

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

score 0 · Accepted Answer

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

2 回答 2