Nieuw lid |
|
Ik heb het volgende script:
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
$$('.link').each(function(el) {
var mySlide = new Fx.Slide(el.rel);
if(el.rev == "hidden") { mySlide.hide(); }
el.addEvent('click', function(e){
e = new Event(e).stop();
mySlide.toggle();
});
});
});
</script>
<script type="text/javascript" src="mootools.js"></script> <script type="text/javascript"> window.addEvent('domready', function(){ $$('.link').each(function(el) { var mySlide = new Fx.Slide(el.rel); if(el.rev == "hidden") { mySlide.hide(); } el.addEvent('click', function(e){ e = new Event(e).stop(); mySlide.toggle(); }); }); }); </script>
en hier de HTML:
// Show de links
<a href="#" class="link" rel="inhoud" rev="hidden"><b>Luchbox Radio</a>
<a href="#" class="link" rel="inhoud2" rev="hidden"><b>Protool Haakse Slijper</a>
// Show de inhoud
<div id="inhoud">
<b>LuchBox PerfectPro LB-Yellow</b>
</div>
<div id="inhoud2">
<b>Haakse Slijper</b>
</div>
// Show de links
<a href="#" class="link" rel="inhoud" rev="hidden"><b>Luchbox Radio</a>
<a href="#" class="link" rel="inhoud2" rev="hidden"><b>Protool Haakse Slijper</a>
// Show de inhoud
<div id="inhoud">
<b>LuchBox PerfectPro LB-Yellow</b>
</div>
<div id="inhoud2">
<b>Haakse Slijper</b>
</div>
Als ik op de links klik en er vervolgens een div tevoorschijnkomt (de inhoud) en daarna op de tweede link klik wil ik dat de vorige inhoud weer op 'hide' gaat en de link die ik zojuist geklikt heb tevoorschijnkomt
Snapt iemand dit?
|