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 checkElement = $(this).parent("dt").next("dd");
    
    var main1 = $('#prolog'); var main2 = $('#projekte'); var main3 = $('#fotos'); var main4 = $('#analog'); var main5 = $('#about'); var main6 = $('#kontakt');
    
    if(checkElement.is(':visible')) {$(this).parent("dt").next("dd").slideUp("normal"); return false} 
    else {
    
        if( (main1.is(':hidden')) &&
            (main2.is(':hidden')) &&    
            (main3.is(':hidden')) &&
            (main4.is(':hidden')) &&
            (main5.is(':hidden')) &&
            (main6.is(':hidden')) ) {$(this).parent("dt").next("dd").slideDown("normal");}
    
        else {
            $("dd:visible").slideUp("normal", function() {
                checkElement.slideDown("normal");
            });
        }
    
        return false;
    };
    
    });