Jeg har leget med lidt her, du er velkommen til at bruge hvad du vil. Det kan sagtens laves uden tabeller, men det gik lidt hurtigt :)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
.withborder {
border-left:1px solid black;
border-top:1px solid black;
}
.withoutborder {
background:#dcdcdc;
border:1px solid black;
}
</style>
<script type="text/javascript">
function vis_billede(handling) {
if(handling=='foer') {
document.getElementById('foer').style.display='block';
document.getElementById('foerknap').style.borderBottom='0px';
document.getElementById('foerknap').style.background='';
document.getElementById('efterknap').style.borderBottom='1px solid black';
document.getElementById('efterknap').style.background='#dcdcdc';
document.getElementById('efter').style.display='none';
} else {
document.getElementById('efter').style.display='block';
document.getElementById('efterknap').style.borderBottom='0px';
document.getElementById('efterknap').style.background='';
document.getElementById('foerknap').style.borderBottom='1px solid black';
document.getElementById('foerknap').style.background='#dcdcdc';
document.getElementById('foer').style.display='none';
}
}
</script>
</head>
<body>
<table class="broedtekst" width="400" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" width="80" height="20" nowrap class="withborder" id="foerknap" onclick="vis_billede('foer')"> FØR </td><td align="center" width="80" height="20" nowrap class="withoutborder" id="efterknap" onclick="vis_billede('efter')"> EFTER </td><td style="border-bottom:1px solid #000" width="100%"> </td></tr>
</table>
<table width="400" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;padding:5px" valign="top">
<div id="foer">
Tekst 1
</div>
<div id="efter" style="display:none">
Tekst 2
</div>
</td></tr>
</table>
</body>
</html>
