Dag
ik ben een website aan het maken maar heb niet veel verstand van javascript. Ik ben me aan het inlezen en tutorials aan het volgen maar ik heb het tot op heden niet voor elkaar gekregen. Ik hoop dat het iets simpels is.
Ik heb een naviagiemenu met de menu-items <a href="#">
Het is een bootstrap omgeving en op de een of andere manier worden mijn css styling opties voor deze a's niet gepakt. Daarom heb ik binnen de a een span gemaakt waardoor ik de class kan veranderen en zo het uiterlijk van het menu-item.
Nu wil ik graag de class van de span binnen in de a-tag veranderen als er op de a geklikt wordt. En wel zodanig dat die class van de eerdere menu-optie klik ook er af gehaald wordt.
Ik heb op internet veel eenvoudige voorbeelden voorbij zien komen waarin de class van a zelf of van een parent veranderd wordt, maar het lukt me niet met de span binnen in de a.
mijn code is als volgt:
het gaat dus om die laatste span met class="menu-anjo-active". hoe kan ik, als ik op een ander menu item klik, de class veranderen?
dus voordat er geklikt word is het
en na klikken op contact moet het worden:
Ik hoop dat iemand me wil helpen. Ik krijg het niet voor elkaar.
groetjes, Anjo
ik ben een website aan het maken maar heb niet veel verstand van javascript. Ik ben me aan het inlezen en tutorials aan het volgen maar ik heb het tot op heden niet voor elkaar gekregen. Ik hoop dat het iets simpels is.
Ik heb een naviagiemenu met de menu-items <a href="#">
Het is een bootstrap omgeving en op de een of andere manier worden mijn css styling opties voor deze a's niet gepakt. Daarom heb ik binnen de a een span gemaakt waardoor ik de class kan veranderen en zo het uiterlijk van het menu-item.
Nu wil ik graag de class van de span binnen in de a-tag veranderen als er op de a geklikt wordt. En wel zodanig dat die class van de eerdere menu-optie klik ook er af gehaald wordt.
Ik heb op internet veel eenvoudige voorbeelden voorbij zien komen waarin de class van a zelf of van een parent veranderd wordt, maar het lukt me niet met de span binnen in de a.
mijn code is als volgt:
HTML:
...
<div class="navbar navbar-default navbar-fixed-top">
...
<div class="container">
...
<div id="navbar" class="collapse navbar-collapse">
...
<ul class="nav navbar-nav navbar-right">
...
<li><a href="index.php"><span class="menu-anjo-active">Home</span></a></li>
....
dus voordat er geklikt word is het
HTML:
...
<li><a href="index.php"><span class="menu-anjo-active">Home</span></a></li>
...
<li><a href="contact.php"><span class="menu-anjo">Contact</span></a></li>
HTML:
...
<li><a href="index.php"><span class="menu-anjo">Home</span></a></li>
...
<li><a href="contact.php"><span class="menu-anjo-active">Contact</span></a></li>
groetjes, Anjo