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

标签 javascript css

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

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

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

最佳答案

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

关于Javascript Onclick 按钮 - 取消第二次点击时执行的操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42212615/

相关文章:

java - 使用jquery和ajax时html中的表单操作?

javascript - Angular.js 或类似于显示 json?

html - 居中输入元素 - Bootstrap 面板

html - 如何更改 asp.net-core mvc 示例页面中的字体颜色

javascript - 在相关 DIV 中单击和退出时控制 jQuery 可调整大小的句柄

javascript - 选择选项子组件不会在使用 React js 提交的表单上重置为键 0

javascript - 在 IE 8 及更低版本中动态添加 @font-face 规则

javascript - Vue 2.x 中伪元素内容的动态样式

css - 带语义 UI 的全屏 map

javascript - CSS:将元素定位在悬停或焦点上,但不能同时指定两者