Hidden div length te zien
Yesyah Deli
16/02/2013 17:30:17Ik heb hier een script, als ik op div1 klik verschijnt div1, als ik op div2 klik gaat div1 weg en komt div2 tevoorschijn.
Het enige probleem is wanneer de div "hidden" is kan je nog wel de grote van de div zien weet iemand hoe ik dat weg kan halen
Zodat als je op div 1 klikt (300 px) dat de pagina alleen 300px lang wordt en als ik op div 2 klik (600px) dat de pagina 600px lang wordt en niet in totaal 900px.
Dit is mijn code:
<script language=javascript type='text/javascript'>
function hideDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'hidden';
document.getElementById('div2').style.visibility = 'visible';
}
}
function showDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'visible';
document.getElementById('div2').style.visibility = 'hidden';
}
}
</script>
<div class="main-content-middle">
WEINIG TEKST
</div>
<div id="div2">
HEEL VEEL TEKST
</div>
Het enige probleem is wanneer de div "hidden" is kan je nog wel de grote van de div zien weet iemand hoe ik dat weg kan halen
Zodat als je op div 1 klikt (300 px) dat de pagina alleen 300px lang wordt en als ik op div 2 klik (600px) dat de pagina 600px lang wordt en niet in totaal 900px.
Dit is mijn code:
<script language=javascript type='text/javascript'>
function hideDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'hidden';
document.getElementById('div2').style.visibility = 'visible';
}
}
function showDiv() {
if (document.getElementById) {
document.getElementById('div').style.visibility = 'visible';
document.getElementById('div2').style.visibility = 'hidden';
}
}
</script>
<div class="main-content-middle">
WEINIG TEKST
</div>
<div id="div2">
HEEL VEEL TEKST
</div>