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">
<dl>
 <dt><a href="#">Prologue</a></dt>
    <dd id="prolog">
     <div>TEST</div>
    </dd>
    
    <dt><a href="#">Projekte</a></dt>
    <dd id="projekte">
     <ul>
         <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
  </ul>
    </dd>
    
    <dt><a href="#">Fotografie</a></dt>
    <dd id="fotos">
     <ul>
         <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
  </ul>
    </dd>
    
    <dt><a href="#">Analog</a></dt>
    <dd id="analog">
     <ul>
         <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
  </ul>
    </dd>
    
    <dt><a href="#">Über mich</a></dt>
    <dd id="about">
     <ul>
         <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
  </ul>
    </dd>
    
    <dt><a href="#">Kontakt</a></dt>
    <dd id="kontakt">
     <ul>
         <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
            <li>TEST</li>
  </ul>
    </dd>
</dl>

CSS

dd { display: none; }

JavaScript

$("dt a").click(function(){
    var dd = $(this).parent("dt").next("dd");
    if(!$("dd:visible").slideUp(function() { dd.slideDown(); }).length)
      dd.slideDown();    
    return false;
});