title: Replace only text inside div and toggle different div content using jquery
body: <p><strong>show below jquery code</strong> </p>
  
  <pre><code>       $(document).ready(function () {
                      $('#prvnote').hide();
        $('#regclass').click(function () {
                       $('#prvnote').toggle(400);
                       $('#newdiv').toggle(400);
  
     });
   });
  </code></pre>
  
  <p><strong>show below HTML code</strong>
  This div only use as menu </p>
  
  <pre><code> &lt;div id="regclass"&gt;&lt;span&gt;View Previous Note&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Now when i clicked on above div content then <strong>below div will display</strong> and <strong>above span tag content replace with "Post Note"</strong></p>
  
  <pre><code> &lt;div id="newdiv"&gt;&lt;form&gt;......&lt;/form&gt;&lt;/div&gt;
   &lt;div id="prvnote"&gt;&lt;form&gt;......&lt;/form&gt;&lt;/div&gt;
  </code></pre>
  
  <p>When <code>div(newdiv)</code> show then span content "Post Note" and when <code>div(prvnote)</code> show then span content must be "View Previous Note"</p>