I would like to amend my jquery script to add a different #id
<p>I have this jquery code which pushes the content down on click:</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
  $('#showhide').click(function() {
    if($('#author-dropdown').css('display') == 'none') {
      $('#author-dropdown').slideDown();
    } else {
      $('#author-dropdown').slideUp();
    }
    return false;
  });
});
&lt;/script&gt;
</code></pre>

<p>I would like to add up a different id. So, lets say when the script is to display==none, user should see #author-dropdown and when display==block, the id should be #author-dropdown-extended. How should I amend this script to make it happen?</p>
