Простое скрытие изображения — Uncaught TypeError: невозможно установить свойство «отображение» неопределенного

Это кажется действительно глупым, но я прочитал десятки подобных сообщений на форуме и просто не могу понять, что я делаю неправильно.

Я разрабатываю веб-сайт с кнопкой меню, значок которой меняется на «X», когда он открыт. Он переключается при каждом нажатии. Функция javascript запускается, но возвращает «Uncaught TypeError: невозможно установить свойство« отображение »неопределенного», когда она достигает строки, изменяющей стиль кнопки меню. дисплей на «нет».

Любые идеи будут высоко оценены.

HTML:

<img id="menuIconImage" class="menuIcon" src="resources/menu.png" onclick="menuToggle()">
<img id="menuIconImageClose" class="menuIcon" src="resources/close.png" onclick="menuToggle()">

CSS:

.menuIcon {

    position: fixed;
    left: 33px;
    top: 178px;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

#menuIconImageClose {

    //the "close" image/button is hidden by default.
    display: none;
}

Javascript:

var menuState = 0;

function menuToggle() {
    "use strict";

    if (menuState === 0) {

        document.getElementById("menuIconImage").stlye.display = "none";
        document.getElementById("menuIconImageClose").style.display = "block";
        menuState = 1;

    } else if (menuState === 1) {

        document.getElementById("menuIconImageClose").style.display = "none";
        document.getElementById("menuIconImage").style.display = "block";
        menuState = 0;      
    }
}