Mag ik jullie vriendelijk om hulp vragen alstublieft?
Ik heb een navigatiebalk gemaakt in html
met een dropdown knop Kranten
Nu wil ik knopen met een dropdown menu er bij maken
Zo als een Knop Vakantie & Weer & Werk & Diverse
ik heb al van alles gezocht en geprobeerd op internet maar ik loop steeds hopeloos vast
Kunnen jullie mij helpen om dit werkend te krijgen
Alvast bedankt voor de moeite
dit is de code waar ik mee bezig ben
Ik heb een navigatiebalk gemaakt in html
met een dropdown knop Kranten
Nu wil ik knopen met een dropdown menu er bij maken
Zo als een Knop Vakantie & Weer & Werk & Diverse
ik heb al van alles gezocht en geprobeerd op internet maar ik loop steeds hopeloos vast
Kunnen jullie mij helpen om dit werkend te krijgen
Alvast bedankt voor de moeite
dit is de code waar ik mee bezig ben
Code:
<!DOCTYPE html>
<html>
<title>HTML Pagina</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel=stylesheet href=https://www.w3schools.com/w3css/4/w3.css>
<body>
<div class=w3-container>
<h2> Mijn navigatie balk met dropdown </h2>
<div class="w3-bar w3-light-grey">
<a href="#" class="w3-bar-item w3-button">Home</a>
<div class=w3-dropdown-click>
<button class=w3-button onclick=myFunction()>
Kranten <i class="fa fa-caret-down"></i>
</button>
<div id=demo class="w3-dropdown-content w3-bar-block w3-card">
<a href="https://www.buienradar.nl"/target="_blank" class="w3-bar-item w3-button">Buien radar</a>
<a href="https://www.ad.nl/"target="_blank" class="w3-bar-item w3-button">AD Amersfoort</a>
<a href="https://www.telegraaf.nl/"target="_blank" class="w3-bar-item w3-button">Telegraaf</a>
</div>
</div>
</div>
</div>
<script>
function myFunction() {
var x = document.getElementById("demo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>
