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.