Getting a sub-menu working
Hi,
I'm in the process of creating a website where, there is a header menu and a sub-menu.
Most of the sub-menus work properly, but there is one that I am having some problems with and I'm hoping someone on here is able to help. :)
First of all you are able to see what I meen on: www.wearecrunch.dk/gammelsjuf
As you can see it is the agenda's sub-menu that i can't seem to get working.
This is the code connected to that sub-menu:
HTML Code:
<div id="nav-wrap">
<ul class="group" id="navigation">
<li class="sjuf current_page_item"><a>SJUF</a></li>
<li><a class="about-malmo">About Copenhagen</a></li>
<li><a class="hotels">Hotel</a></li>
<li><a class="agenda">Agenda</a></li>
<li><a class="sponsor">Sponsors</a></li>
<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 />Thursday 29/12</h2>
<h3>19.00 The Grand Banquet with a twist</h3>
<p>Put on your smoking and let´s start SJUF with style. We´ll take you to the great banquet hall to give you an evening that will blow your mind. Bring your own mask to cover your eyes for this twisted grand opening. It will make the evening a lot more interesting… </p>
<p>
<strong>Dresscode:</strong> Black Tie <br />
<em>* Mask to cover your eyes – "venetian masquerade"</em></p>
<h3>00.30 Nachspiel on Wall Street</h3>
<p>You have had a rough day on the market. You want to forget it all. We invite you to the great nachspiel on Wall Street. Loosen up your tie and put on your dancing shoes. But be aware of that the prices in the bar are following our own SJUF-market..</p>
</div> <!-- End .sub-info -->
<div class="sub-info" id="day-2">
<h2>Day 2 - Spiritual Day<br />Friday 30/12</h2>
<h3>13.00 Brunch & Congress</h3>
<p>We know that most of you won’t be up for breakfast. Therefore we serve a brunch in the same time as we have our congress.</p>
<h3>15.45 Kabbalat Shabbat at Malmö Synagogue</h3>
<p>Malmö Syngagogue welcomes you to join the “Kabbalat Shabbat” service. If you haven´t visited our beautiful synagogue, you should.</p>
<h3>19.00 Shabbat Dinner</h3>
<p>It´s time to get the magical feeling of Shabbos. Let´s have a nice meal with a lot of singing, shouting & drinking. </p>
<p><strong>Dresscode:</strong> Dark Suit</p>
<h3>23.00 Fiesta for Shabbes Goy</h3>
<p>For you Shabbes Goyim there will be options to continue the Spiritual Day with more drinking.</p>
</div> <!-- End .sub-info -->
<div class="sub-info" id="day-3">
<h2>Day 3 - The major countdown<br />Saturday 31/12</h2>
<h3>09.00 Shabbat Service and Kiddusch at Malmö synagogue</h3>
<p>Malmö Synagogue welcomes you to join the morning service of Shabbat. There will be a Kiddush after the service</p>
<h3>19.00 Las Vegas Caesars Palace</h3>
<p>It has all come down to the major countdown of the year. We couldn´t think of a better place to spend it on than Caesars Palace. We welcome you to a night beyond your imagination. Inside the doors of Caesars Palace everything can happen. The only thing you have to think about is to bring a small gift to your dinner partner (max 20 SEK). Also tell your parents that you won´t be able to answer your phone the last seconds of the year…..</p>
<p><strong>Dresscode:</strong> Jacket with a twist of gold</p>
</div> <!-- End .sub-info -->
<div class="sub-info" id="prices">
<h2>Prices</h2>
<h3>The Sjuf Package</h3>
<p>All activities included (Day 1, Day 2, Day 3)<br /><strong>Only 1.800 SEK!</strong></p>
<h3>Single Days</h3>
<p>
Day 1: Lets Get It Started – 800 SEK<br />
Day 2: The Spiritual Day – 400 SEK<br />
Day 3: The Major Countdown – 900 SEK<br />
</p>
This is the javascript
Code:
$('.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');
});
The first part of the html is just getting the sub-menu to show, and that works fine.
To compare, this is from a sub-menu that works:
HTML Code:
<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 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 class="sub-info" id="sightseeing">
<h2>Sightseeing in <br />Copenhagen</h2>
<div class="txt_chairman">
Start your experience at Kongens Nytorv and Nyhavn and head up the pedestrian street of Strøget in the direction of Rådhuspladsen( City Hall Square). Kongens Nytorv and Rådhuspladsen are the two main central squares of the city, in which the longest pedestrian street in the world, Strøget, runs in-between. You can detour to see the exteriors of Christiansborg, Børsen, Rundetårn, and Rosenborg Slot along the way. If you're not up for a walk, one of the guided canal tours will give you a good sense of the city. In summer or around Christmas time, round off your day with a relaxed stroll and nightcap in the world famous amusement park Tivoli Gardens. With additional days in Copenhagen, plan to spend time inside one or more of the following: Rosenborg Slot, Ny Carlsberg Glyptotek, Nationalmuseet, Statens Museum for Kunst, and Kastellet.
</div> <!-- End .sub-info -->
</div>
this last one, is from the sub-menu sightseeing and that works fine.
I hope someone could help me locate the problem.
and please let me know if you need any more information in order to help me
Thank you :)
