Странное поведение 2 дивов после входа в другой аккаунт

Поэтому я работал над этим и столкнулся с серьезной проблемой. Когда я очищаю весь кеш, сессию и файлы cookie, и когда я просто продолжаю работать.

//to explain in plain text

<div id="player_information">...here goes content...</div>
<div id="contacts">....here goes content</div>

Это то, что я написал, и это первый раз, когда я вхожу в систему без очистки кэша/кокетли.

Если я выйду из системы, и я решаю войти в другой аккаунт, это происходит так:

<div id="player_information">...here goes content...
     <div id="contacts">....here goes content</div>
</div>

Любой отзыв?

id="contacts" по умолчанию установлено display:none и id="player_information" установлено display:block. У меня есть панель навигации с кодом jQuery, который делает работу. Когда я нажимаю на id="main", появляется id="contacts" display:none" и id="player_information" исчезает, когда я нажимаю id="contact" id="contacts" исчезает и id="player_information" display:none".

Надеюсь, я поняла. Спасибо :)

PS: Я вижу тот же результат на хром и firefox.

Изображения:

EDIT: В ответ на @David Hoerster

$("#main").click(function(){
        $("#player_information").fadeIn("slow");
        $("#contacts").css({"display":"none"});
    });
    $("#contact").click(function(){
        $("#contacts").fadeIn("slow");
        $("#player_information").css({"display":"none"});
    });

EDIT2: В ответ на @David Hoerster

<div id="nav_bar">
            <ul>
                <li><div style="display: inline" id="main">Main</div></li>
                <li><div style="display: inline" id="contact">Contact</div></li>
                <li><a href='general/logout.php'>Logout</a></li>
            </ul>
        </div>