sub-menu virker ikke

Hej eksperter,

Jeg er igang med at lave en hjemmeside som har en hoved menu og en undermenu.
Hoved menuen virker fint, men jeg har problemer med et af undermenu punkterne.

I kan se hvad jeg mener på www.wearecrunch.dk/gammelsjuf
Det er agenda undermenupunkterne som ikke virker optimalt, som i kan se virker alle de andre.

Men teksten kommer ikke frem på agenda undermenuerne.
Jeg ved ikke helt hvad jeg har gjort forkert.

her er koden for agenda menuen:

 <li><a class="agenda">Agenda</a></li>
 <!-- Agenda sub-menu -->
         <div class="sub-menu" id="agenda-menu">
             <ul>       
                 <li><a rel="first">Quick Schedule</a></li>
                 <li><a rel="day-1" id="day-1">Day 1 Let´s Get It Started</a></li>
                 <li><a rel="day-2" id="day-2">Day 2 The Spiritual Day</a></li>
                 <li><a rel="day-3" id="day-3">Day 3 The Major Countdown</a></li>
                 <li><a rel="prices" id="prices">Prices</a></li>
             </ul>
         </div> <!-- End #agenda-menu -->
 
 <div class="sub-info" id="day-1">
                 <h2>Day 1 - Let´s Get It Started<br />Thursday29/12</h2>
                
                 Det her skal vide day 1
                
             </div> <!-- End .sub-info -->
            
             <div class="sub-info" id="day-2">
                 <h2>Day 2 - Spiritual Day<br />Friday 30/12</h2>
                
                 Det her skal vide day 3
                
             </div> <!-- End .sub-info -->

Og her er koden for et andet menupunkt som virker, så i har noget at sammenligne med, Jeg kan ikke helt overskue hvad jeg mangler:

 <!-- About Malmö sub-menu -->
         <div class="sub-menu" id="about-malmo-menu">
             <ul>
               <li><a rel="first">intro about Copenhagen</a></li>
               <li><a rel="sightseeing">Sightseeing</a></li>
                   <li><a rel="nightlife">Nightlife</a></li>
                   <li><a rel="shopping">Shopping</a></li>
               <li><a rel="map" class="map">Map</a></li>
             <!--  <li><a rel="attractions">Tourist attraction</a></li>-->
             </ul>
         </div> <!-- End #about-malmo-menu -->
 
 <div class="sub-info" id="sightseeing">
                 <h2>Sightseeing in <br />Copenhagen</h2>
                 <div class="txt_chairman">
                 Her kommer sightseeing teksten
             </div> <!-- End .sub-info -->

Det her javascript har egentlig også noget med det at gøre tror jeg:

 $('.info .link-day-1').live('click', function () {
             $('.info').fadeOut('fast');                
             $('.sub-info').fadeOut('fast');                
             $('#day-1').fadeIn('fast');
     });
     
     $('.info .link-day-2').live('click', function () {
         $('.info').fadeOut('fast');                
         $('.sub-info').fadeOut('fast');                
         $('#day-2').fadeIn('fast');
     });
     
     
     $('.info .link-day-3').live('click', function () {
             $('.info').fadeOut('fast');                
             $('.sub-info').fadeOut('fast');                
             $('#day-3').fadeIn('fast');
     });
     
     $('.sub-menu #quick-schedule').live('click', function () {
         $('#sliding-background').show();
         $('#extra-backgrounds img').fadeOut('fast');        
     });

På forhånd tak for hjælpen, jeg håber der er nogen der kan hjælpe mig.