Hidden div length te zien

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

Bekijk vacature »

Yesyah Deli

Yesyah Deli

16/02/2013 17:30:17
Quote Anchor link
Ik 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>
 
PHP hulp

PHP hulp

18/12/2024 13:39:22
 
Wouter J

Wouter J

16/02/2013 17:31:22
Quote Anchor link
Dan moet je niet visibility: hidden/visible; gebruiken, maar display: none/block;
 
Yesyah Deli

Yesyah Deli

16/02/2013 17:35:34
Quote Anchor link
Snelle reactie!
En het werkt erg bedankt
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.