SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<!-- Begin Search -->
        <div class="toggleDiv" id="search" style="display:none;">
                <input type="text" class="bsearch" name="search" value="Type and press Enter" />
        </div>
     <!-- End Search -->

     <!-- Begin About -->
            <div class="toggleDiv" id="about" style="display:none;">
                    This is about
            </div>
         <!-- End About -->

             <!-- Begin Contact -->
            <div class="toggleDiv" id="contact" style="display:none;">
                    This is contact
            </div>
         <!-- End Contact -->

              <!-- Begin Naviagtion -->
         <div id="navigation">

                 <ul>
                    <li><a class="main" href="">Another?</a></li>
                    <li><a id="babout">About</a></li>
                    <li><a id="bcontact">Contact</a></li>
                    <li><a id="bsearch">Search</a></li>
                    <li><a href="">RSS Feed</a></li>
             </ul>   

             </div>
             <!-- End Naviagtion -->

JavaScript

$("#navigation li a[id]").click(function() {
  $("#" + this.id.substr(1)).slideToggle(600)
      .siblings('.toggleDiv').slideUp(600);
});