maar deze div opent van linksboven en springt dan pas in het midden terwijl hij gewoon in het midden van boven naar onder zou moeten komen..
de jQuery:
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('a#Register').click(function() {
$('div#Register').toggle('slow', function() {
});
});
});
</script>
de html:
<div style="display: block;" id="Register">
<table>
<tbody><tr style="margin-top:10px;">
<td>
<label for="gebruikersnaam">Gebruikersnaam</label>
</td>
<td>
<input type="text" name="gebruikersnaam" class="field_register" id="gebruikersnaam">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="wachtwoord">Wachtwoord</label>
</td>
<td>
<input type="password" name="wachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="cwachtwoord">Bevestig wachtwoord</label>
</td>
<td>
<input type="password" name="cwachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="e-mailadres">E-mailadres</label>
</td>
<td>
<input type="text" name="e-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="ce-mailadres">Bevestig E-mailadres</label>
</td>
<td>
<input type="text" name="ce-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
</td>
<td>
<input type="submit" value="registreer" class="field_register" name="registreer">
</td>
</tr>
</tbody></table>
</div>
de css:
div#Register{
margin: 0 auto;
background-color:#99cc00;
height:180px;
width:400px;
padding:20px;
text-align:center;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
}
een voorbeeld van wat er gebeurd(klik maar eens op registreer: