Javascript Onclick 按钮 - 取消第二次点击时执行的操作

Question

如果我问的是一个菜鸟问题，请提前道歉，因为我是 Javascript 的新手。

基本上我有一个侧边栏，其中包含被 overflow:hidden 隐藏的信息。我想创建一个简单的函数:一个按钮，单击它会将侧边栏 DIV 的值更改为 width:100%、height:100%、position:absolute。我没问题。但是，我希望有一种方法可以在第二次单击时取消按钮并恢复为原始值，无论原始值是什么，但我不知道该怎么做。听起来很简单，但我想知道有没有办法？

提前致谢，如果这是一个愚蠢的问题，再次抱歉。

Answer 1

在 css 中创建这些样式(例如 class .extended)，并在需要时通过 javascript 添加/删除此类。