Javascript для редактирования стиля CSS

У меня возникли проблемы с изменением стиля CSS элемента статьи в коде JavaScript. У меня есть это в открывающем теге моего элемента статьи: '''

<img id = "n1" onmouseover = "visible('c1')" src = "img/musicnote1.png" alt = "Music Note">

''' а затем в нижней части раздела тела у меня есть тег сценария: '''

<script>
    function visible(a){
        document.getElementById(a).style.display = initial;
        document.getElementById('default').style.display = none;
    }
</script>

''' Я пытаюсь сделать так, чтобы статья «c1» появлялась, а статья «по умолчанию» исчезала, когда пользователь наводит курсор на изображение. Ни одно из этих действий не работает