Ik heb dit scriptje geschreven:
<script language="JavaScript">
function doSizeUp_1() {
var foo = document.getElementById('content_1');
var curr_width=parseInt(foo.style.width);
var max_width=500;
if( curr_width <= max_width){
foo.style.width = (curr_width + 10)+'px'; // pseudo-property code: Move right by 10px
setTimeout(doSizeUp_1,10); // call doMove() in 20 msec
};
}
function doSizeDown_1() {
var foo = document.getElementById('content_1');
var curr_width=parseInt(foo.style.width);
var min_width=0;
if( curr_width >= min_width){
foo.style.width = (curr_width - 10)+'px'; // pseudo-property code: Move right by 10px
setTimeout(doSizeDown_1,10); // call doMove() in 20 msec
};
}
function doSizeUp_2() {
var foo = document.getElementById('content_2');
var curr_width=parseInt(foo.style.width);
var max_width=500;
if( curr_width <= max_width){
foo.style.width = (curr_width + 10)+'px'; // pseudo-property code: Move right by 10px
setTimeout(doSizeUp_2,10); // call doMove() in 20 msec
};
}
</script>
<body>
<div id="cat_1" onclick="doSizeUp_1()">1</div>
<div id="content_1" style="width:0px;">Dit is content van div 1
</div>
<div id="cat_2" onclick="doSizeDown_1()" >2</div>
<div id="content_2" style="width:0px;">Dit is content van div 2</div>
<div id="cat_3">3</div>
<div id="content_3">Dit is content van div 3</div>
</body>
</html>
Als ik op 1 klik, gaat ie open, klik op twee gaat ie dicht. Tot zo ver netjes
Maar klik ik dan weer op 1 om te openen, dan lijken twee scripts elkaar tegen te werken.
Hij gaat iets open en je zit m steeds heen en weer gaan alsof het open en dicht script tegen elkaar vechten... iemand een idee hoe ddat komt??
Alvast bedankt!
