title: slideup,change content,then slide down with jQuery
body: <p>I develop following code to slide up <strong>register panel</strong>, then change its content and then slide down <strong>logged in panel</strong>.</p>
  
  <pre><code>function ValidLogin(data)
  {
      var content = null;;
      content = '&lt;a id="link-show" class="g-button g-button-red" href="&lt;?php echo base_url(); ?&gt;index.php/cv/show/';
      content += data.id;
      content += '"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;www.onlinecv.ir/index.php/cv/show/'
      content += data.id;
      content += '&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;';
      content += 'رزومه ام را نشانم بده';
  
      content += '&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a id="link-signout" class="g-button g-button-red" href="#';
      content += '"&gt;&amp;nbsp;&amp;nbsp;خروج&amp;nbsp;&amp;nbsp;'
      content += '&lt;/a&gt;';
      content += '&lt;/span&gt;'
  
  
      $("#signup-button").slideUp(1500).delay(1500);
      $("#signup-button").html(content).slideDown(1500);
  }
  </code></pre>
  
  <p>but it changed content ,then slide it up and slide it down.
  what should I do to changing content after sliding up? </p>