Ich würde gerne den Inhalt der in dem div "Content" drinne steht erst dann angzeigt bekommen, wenn man auf Zeugnisse klickt, ich habe das Gefühl, dass der Teil unter der Section "Zeugnisse" nicht ganz stimmt sicher bin ich mir aber nicht.
Ich habe auch in der css Datei den Inhalt in Content mit Display:none; ausgeblendet.
Weiß jemand von euch wo da der Fehler ist?
Vielen Dank schon mal im Voraus.
VG
Zaine
<!doctype html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial scale=1.0, maximum-scale1.0, user-scale=yes">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="animate.css">
<script src="
http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menubutton').click(function(){
$('nav').slideToggle('slow');
});
});
</script>
<script type="text/javascript">
$("#Content").hide();
$("a").on("click", function(e){
e.preventDefault();
$("#Content").toggle();
});
</script>
<title>Downloads</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<section id="menubar">
<ul>
<li><a class="menubutton" href="#menu"><img src="images/menu.png" /></a></li>
</ul>
</section>
<header>
<h1>Downloads</h1>
</header>
<nav class="animated fadeInUp">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Downloads.html" class="active">Downloads</a></li>
<li><a href="index.html">Gästebuch</a></li>
<li><a href="index.html">Impressum</a></li>
</ul>
</nav>
<section id="mainDownloads">
<h2>Hier können Sie alle wichtigen Dokumente downloaden:</h2>
<ul>
<li><a href="#">Lebenslauf</a></li>
<li><a href="#">Profilbild</a></li>
</ul>
</section>
<section id="Zeugnisse">
<ul><a href="#Zeugnisse">Zeugnisse
<div id="Content">
<li><a href="#">Fachabitur1</a></li>
<li><a href="#">Fachabitur2</a></li>
<li><a href="#">Praktikumszeugnis1</a></li>
<li><a href="#">Praktikumszeugnis2</a></li>
</div>
</a>
</ul>
</section>
</body>
</html>