iamdesign
Legacy Member
Hoy allemaal,
Hoe kan ik een div laten zakken als een andere expand.
dit is mijn code:
Hoe kan ik een div laten zakken als een andere expand.
dit is mijn code:
HTML:
<div id="container">
<div id="menu1" onclick="Effect.toggle('test2','blind');">
<div id="menu_hide1"></div>
</div>
<div id="menu2" onclick="Effect.toggle('menutest2','blind');">
<div id="menu_hide2"></div>
</div>
</div>
Code:
* {padding: 0;margin: 0;}
#container{
position: absolute;
top: 20px;
left: 20px;
width: 100px;
}
#menu1{
position: relative;
width: 100px;
height: 20px;
background-color: #00FF00;
}
#menu_hide1{
top: 10px;
width: 100px;
height: 200px;
background-color: #00FF00;
}
#menu2{
position: relative;
width: 100px;
height: 20px;
background-color: #FF0000;
}
#menu_hide2{
top: 10px;
width: 100px;
height: 200px;
background-color: #FF0000;
}
nu gaan ze gewoon over elkaar :-/
Ik dacht dit gewoon met relative te kunnen oplossen, maar wellicht zie ik hier nog iets over het hoofd :)