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+ 中得到支持.对于较旧的浏览器，您可以使用垫片或使用简单的类名方法。