在移动视图中按下汉堡包/菜单按钮时如何来回切换图像？

问：

单击菜单按钮后，应显示 Burgerking 徽标。 再次单击应显示麦当劳徽标我没有任何演示，但我能够通过在展开时按下移动视图中的汉堡包/下拉菜单按钮从 mcdonaldslogo 切换到 burgerkinglogo。不幸的是，当我按下菜单按钮时，我无法切换回麦当劳标志。我使用了else if语句，似乎这不是正确的方法。任何建议将不胜感激，并附上图像以进行视觉呈现。[

var coll = document.getElementsByClassName("navbar-toggle"); <--hamburger button class
var i;
for (i = 0; i < coll.length; i++){
coll[i].addEventlistener("click", function(){

var x = document.getElementById("mcdonaldslogo")
var y = document.getElementById("burgerkinglogo")
if (x.style.display.value = true){
x.style.display = "none";
y.style.display = "inline-block";
}
else if (y.style.display.value = true) {
y.style.display = "none";
x.style.display = "block;

});
}

使用了 if 语句，但不起作用。代码中还需要什么？让我知道我是否正确显示代码。