Ok. Jeg fandt lige et eksempel frem på det jeg havde i tankerne. Et lidt udvidet eksempel af ovenstående som du måske kan bruge?
<html>
<head>
<title></title>
<style type="text/css">
body { font-size: 12px; margin: 0px; font-family: verdana; background-color: menu;}
td { font-size: 12px; font-family: Verdana }
input { font-size: 12px; color: black; font-family: Verdana }
div { background-color: menu; }
</style>
<SCRIPT language=JavaScript>
function showDetails(id) {
var styleCheck = document.getElementById("mnu" + id).style.display;
//alert(styleCheck);
collapseDetails();
if (styleCheck == "inline") {
document.getElementById("mnu" + id).style.display = "none";
}
if (styleCheck == "none") {
document.getElementById("mnu" + id).style.display = "inline";
}
}
function collapseDetails() {
document.getElementById("mnu1").style.display = "none";
document.getElementById("mnu2").style.display = "none";
document.getElementById("mnu3").style.display = "none";
}
</script>
</head>
<body>
<div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 12px;" OnClick="showDetails(1);">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#eaeaea">
Overskrift nummer 1
</td></tr>
</table>
</div>
<div style="Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu1">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#eaeaea">
Indhold for artikel nummer 1. Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
</td></tr>
</table>
</div>
<div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 13px;" OnClick="showDetails(2);">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#ffffff">
Overskrift nummer 2
</td></tr>
</table>
</div>
<div style="Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu2">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#ffffff">
Indhold for artikel nummer 2. Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
</td></tr>
</table>
</div>
<div style="Cursor:Hand; Font-Family:Verdana; Font-Size: 13px;" OnClick="showDetails(3);">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#eaeaea">
Overskrift nummer 3
</td></tr>
</table>
</div>
<div style="Font-Family:Verdana; Font-Size: 11px;display:none;" id="mnu3">
<table border="0" cellpadding="1" cellspacing="1" bgcolor="black" width="100%">
<tr><td bgcolor="#eaeaea">
Indhold for artikel nummer 3. Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.
</td></tr>
</table>
</div>
</body>
</html>
