javascript - 如何在第二次单击时反转 javascript 中的函数？

Question

我需要在第二次点击时函数恢复到原来的高度和宽度 现在代码是这样的:

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

    }
</script>

我加载着陆页(测试)的网站是这样的:http://figmentasergio.altervista.org/

Answer 1

切换CSS类更方便:

function myBurger() {
    document.getElementById("burger").classList.toggle('expand');
}

在哪里

#burder.expand {
    height: 200px;
    width: 300px;
}

classList在 IE10+ 中得到支持.对于较旧的浏览器，您可以使用垫片或使用简单的类名方法。