How to hide the box in html file before changing the module

I had developed an application.In my application Message Button .if we click on that means one page*(first html)* is open and page consist of see all messages link,If we click on that link means it will go to another page (change the module),I try to hide that (first html) after clicking the see all messages .again its not hiding,my coding

function MessageNotification() {
this.inheritForm = PluginBase;
this.inheritForm();
this.initialise = function() {

    t开发者_开发知识库his.hasLeftPane = false;
    $("#messageTopBarContainer").hide();
     $("#topMessageNotifier").click(function(e){
         e.preventDefault();
         $("#messageTopBarContainer").show();
         return false;
    });
     $("#closeMessageWindow").click(function(e){
         e.preventDefault();
         $("#messageTopBarContainer").hide();
         return false;
    });
     $("#seeAllMessagesLink").click(function(e){
            e.preventDefault();
            $("#messageTopBarContainer").hide();
            mainApplication.changeModule("OfflineMessage");
            return false;

        });


};  


}

My html

<div id="MessageNotificationEntryPoint">

<span id="messageNotificaitonCount" class="topHeaderNewIncomingCount">0</span>
  <div id="messageTopBarContainer" class="messageNotificationContainer">
     <div id="messageTitle">
      <h6 id="headingMessage">Messages</h6>
      <span id="closeMessageWindow" class="topbarWidgetCloseButton"></span>
     </div>
     <div id="composeInMainWrapper" class="composeInMainWrapperClass">
          <input type="button" id="composeLink" class="composeMessageLink" name="composeLink" value="Compose Message">
     </div>
   <div id="messageListContainer" class="messageListContainerClass">
        <ul>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
           <li></li>
        </ul>
   </div>
      <div id="seeAllMessages" class="seeAllMessagesFooter">
      <span id="seeAllMessagesLink" class="seeAllMessagesLinkClass">See All Messages</span>
     </div>
   </div>

Suggest some solution to overcome