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

<pre><code>function MessageNotification() {
this.inheritForm = PluginBase;
this.inheritForm();
this.initialise = function() {

    this.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;

        });


};  


}
</code></pre>

<p>My html</p>

<pre><code>&lt;div id="MessageNotificationEntryPoint"&gt;

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

<p></p>

<p>Suggest some solution to overcome</p>
