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

Code:
``` <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>```
Code:
```// 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.