Question

我需要在第二次单击时将功能恢复到原始高度和宽度现在代码是这样的：

<script>
function myBurger() {
    document.getElementById("burger").style.height = "200px";
    document.getElementById("burger").style.width = "300px";

    }
</script>

我加载着陆页（测试版）的网站是：http://figmentasergio.altervista.org/

Answer 1

创建一个新函数并将其绑定为双击，因为已经执行了click事件。第二个函数应该还原第一个函数所做的任何操作。

Answer 2

您可以使用全局变量作为状态指示符，如下所示：

<强>的JavaScript

var isExpanded = false;

function myBurger() {
    document.getElementById("burger").style.height = isExpanded ? "10px" : "200px";
    document.getElementById("burger").style.width = isExpanded ? "10px" : "300px";
    isExpanded = !isExpanded;
}

<强> JSFiddle Link demonstrating this, here.

我通过JSFiddle更改了一些变量（以及它所调用的方法），但它的概念完全相同。

第isExpanded = !isExpanded行有点翻转，我们将isExpanded标记设置为反转。

如何在第二次点击时反转javascript中的功能？

2 个答案: