Keep First Menu Expanded On Load

[lukkas]

How do I keep the first one open(expanded) when page loads?

Upon loading they both are collapsed. I need the first one expanded.

Thanks

 <dt><a href="#nogo">Normal Health</a></dt>
            <dd>
              <ul>
                <li>Something goes here</li>
                <li>Something goes here</li>
                <li>Something goes here</li>
                <li>Something goes here</li>  
              </ul>
            </dd>
            <dt><a href="#nogo">Acceptable Air</a></dt>
            <dd>
              <ul>
                <li>Something goes here</li>
                <li>Something goes here</li>
                <li>Something goes here</li>
                <li>Something goes here</li>  
              </ul>
            </dd>
          </dl>

// Expand / Contract
	if ($("dl.collapse").length > 0) {
	
		$("dl.collapse dd").hide();
		
	  	$("dl.collapse dt").click(
			function() {
				$(this).toggleClass("closed").next("dd").slideToggle();
				return false;
			}
		);
		
		var expanded_dt = getParameterByName("dt_e");
		if (expanded_dt) {
			$("dt#" + expanded_dt).toggleClass("closed").next("dd").slideToggle();
		}
	}

	// Resize fine print
	if ($("a.zoom-in").length > 0) {
		
		var fontSizeCurrent = -2;
		var fontSizeMax = 2;
		
		$("a.zoom-in").click(
			function() {			
				if (fontSizeCurrent < fontSizeMax) {
					fontSizeCurrent++;
					changeFontSize(fontSizeCurrent);
				}
				
				return false;	
			}
		);	
		
	}

I tried: ) if ($("dl.collapse").length > 0) .not(":first").find("+ ul").slideUp(1);
combing code I saw elsewhere. Obviously I was wrong.

[paul_wilkins]

How do I keep the first one open(expanded) when page loads?

Upon loading they both are collapsed. I need the first one expanded.

This hides all of them;

$("dl.collapse dd").hide();

This hides all except for the first one.

$("dl.collapse dd:not(:first)").hide();

[lukkas]

This hides all of them;

$("dl.collapse dd").hide();

This hides all except for the first one.

$("dl.collapse dd:not(:first)").hide();

Excellent. It works both in IE and Firefox. Although, now the first menu that stays expanded now shows a plus sign all the time (even when closed). I'll try and work this out.
Thank you!

PS: just so many things to study about when you want to some design. Someone said some version of javascript were depricated the ...find> part I guess.

[paul_wilkins]

Although, now the first menu that stays expanded now shows a plus sign all the time (even when closed). I'll try and work this out.

An alternative option (which I think may be preferred) is to trigger the collapse click event on the first one, just after you define that click event.