Klikken op link automatisch container verschuiven
Wij kan mij verder op weg helpen?
Ik heb de volgende links:
Nu wil ik graag met plain JS zorgen dat als je op link 1 klikt de eerste container active wordt.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="container">
<ul class="clear">
<li class="active"><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
<ul class="clear">
<li class="active"><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
</div>
<div class="container">
</div>
<div class="container">
</div>
<div class="container">
</div>
- Ariën -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 27/02/2017 18:01:42 door - Ariën -
Wat bedoel je met 'active'?
En waar loop je precies op vast?
Wanneer men op [link1] klikt wil ik graag dat div 1 zichtbaar is.
Wanneer men op [link2] klikt wil ik graag dat div 2 zichtbaar is.
Wanneer div2 zichtbaar is moet div1 niet zichtbaar zijn.
Zomaar een linkje via Google http://stackoverflow.com/questions/21070101/show-hide-div-using-javascript
En hier is echt heel veel over te vinden. Even Googlen op:
javascript show hide div display block hidden
Hier is inderdaad erg veel over te vinden, alleen is het meeste Jquery.
Is er nog een betere oplossing wellicht?
Ik vind deze link letterlijk binnen 10 seconden. Had je ook zelf kunnen doen ;-)
http://stackoverflow.com/questions/7662247/javascript-show-and-hide-elements-on-click