Link der skifter mellem hide og show

noget i stil med:

<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<a href="#" onclick="vis();return false">Avanceret:</a>
<div id="mere" style="display:none;">skjult tekst</div>

/psc

Dit script virker.. Jeg havde bare forstillet mig noget lidt andet. Det er nok også lidt dårligt forklaret, men når klikker på linket ryger det opad og den skjulte tekst kommer frem.

Jeg havde tænkt mig at tabellen skulle blive større, altså resizes til den nye størrelse, så selve "avanceret"-linket blev på sin plads.

Prøv evt. at se hvordan det fungerer nu http://www.humorfreak.dk/index2.php

<table width='100%' height='95' cellpadding='0' cellspacing='0'>
<tr>
<td height='95' valign='bottom'>
<form action='includes/rouletteshow.php' method='post' style='margin-bottom:0; padding: 0 0 3px 5px;'>
<input type='submit' name='spin' value='Spin!' class='button'>
<input type='hidden' name='spin' value='Spin!'><br>
<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<a href="#" onclick="vis();return false">Mere</a>
<div id="mere" style="display:none;">
<input type='checkbox' name='type[]' value='1'> Videoer<br
<input type='checkbox' name='type[]' value='2'> Spil<br>
<input type='checkbox' name='type[]' value='3'> Billeder<br>
</div>
</form>
</td>
</tr>
</table>

ok - du kunne prøve at flytte <form>-tagget så det omslutter tabellen, lave en række mere og vise/skjule rækken:

<form action='includes/rouletteshow.php' method='post' style='margin-bottom:0; padding: 0 0 3px 5px;'>
<table width='100%' height='95' cellpadding='0' cellspacing='0' style="background:#f00;">
<tr>
<td height='95' valign='bottom'>
<input type='submit' name='spin' value='Spin!' class='button'>
<input type='hidden' name='spin' value='Spin!'><br>
<script type="text/javascript">
function vis(){
var elm = document.getElementById('mere');
elm.style.display = elm.style.display=='none'? 'block': 'none';
}
</script>
<input type="button" value="mere" onclick="vis()">
</td>
</tr>
<tr>
<td>
<div id="mere" style="display:none;">
<input type='checkbox' name='type[]' value='1'> Videoer<br>
<input type='checkbox' name='type[]' value='2'> Spil<br>
<input type='checkbox' name='type[]' value='3'> Billeder<br>
</div>
</td>
</tr>
</table>
</form>

/psc

Smukt!

Jeg takker og bukker! Smid et svar!

kommer her ;o)

...og tak for point ;o)