Ik moet een site maken en ik was van plan om er een FAQ in te zetten met de meest voorkomende vragen met een antwoord. Deze dacht ik te maken met JavaScript dat als je dan op de vraag klikt het antwoord verschijnt en als je er dan weer op klikt het antwoord weer verdwijnt. Ik ben al enkel forums afgegaan en heb een code kunnen genereren maar deze werkt niet bij het uitvoeren. Hier zie je de code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
<script type="text/javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == “block”) {
abra.display = “none”;
} else {
abra.display= “block”;
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<a href="#" onclick="return kadabra('tekst');">
Vraag</a>
<p id="tekst">
Antwoord </p>
</body>
</html>
Alvast bedankt
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
<script type="text/javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == “block”) {
abra.display = “none”;
} else {
abra.display= “block”;
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<a href="#" onclick="return kadabra('tekst');">
Vraag</a>
<p id="tekst">
Antwoord </p>
</body>
</html>
Alvast bedankt
