Как я могу остановить появление моего div на пару секунд и исчезновение?

Я поддерживаю веб-сайт компании, в которой работаю, и буквально вчера возникла проблема, которую я не смог решить. Я погуглил свою задницу и не могу найти решение. Проблема в том, что у нас есть три внизу нашей страницы, которые должны отображаться только при нажатии на соответствующую ссылку (неупорядоченный список из трех ссылок, каждая ссылка загружает функцию отображения/скрытия javascript). Но со вчерашнего дня все три отображаются примерно на 2 секунды, а затем исчезают, что очень раздражает!! Они вообще не должны отображаться, если на них не нажать. Сайт находится по адресу www.successphotography.com — посмотрите сами! Любая помощь будет принята с благодарностью. соответствующий код:

<ul class="moreInfo">
<li onclick='swappy("graduation")'>Graduation Photography</li>
<li onclick='swappy("school")'>School Photography</li>
<li onclick='swappy("family")'>Family Photography</li>
</ul>
<div id="graduation">
<--- lots of content here --->
</div
<div id="school">
<--- lots of content here --->
</div>
<div id="family">
<--- lots of content here --->
</div>

JavaScript для функции swappy:

    window.onload=function(){

if (document.getElementById("graduation")) { 
    document.getElementById("graduation").style.display = 'none';
    document.getElementById("school").style.display = 'none';
    document.getElementById("family").style.display = 'none';

    }
}
function swappy(myself){
    switch(myself){
        case("graduation"):
            document.getElementById("graduation").style.display = 'block';
            document.getElementById("school").style.display = 'none';
            document.getElementById("family").style.display = 'none';
        break;
        case("school"):
            document.getElementById("graduation").style.display = 'none';
            document.getElementById("school").style.display = 'block';
            document.getElementById("family").style.display = 'none';       
        break;
        case("family"):
            document.getElementById("graduation").style.display = 'none';
            document.getElementById("school").style.display = 'none';
            document.getElementById("family").style.display = 'block';      
        break;
        default:
            document.getElementById("graduation").style.display = 'none';
            document.getElementById("school").style.display = 'none';
            document.getElementById("family").style.display = 'none';
        break;
    }
}

Любая помощь будет очень высоко ценится! Большое спасибо