Hallo,
ich möchte , dass wenn ich auf ein <a> Element klicke ein div auftaucht und hab im Internet nach einem passendem Code dafür gesucht und bin dabei auf diese Seite gestoßen : http://jsfiddle.net/25YFA/
Habe dann versucht das in meinen Code einzufügen, aber es funktioniert irgendwie nicht.
HTML:
HTML
<!DOCTYPE HTML>
<head>
<title>Parasozial</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
</script>
<script>
$("#hiddendiv").hide();
$("a").on("click", function(e){
e.preventDefault();
$("#hiddendiv").toggle();
});
</script>
</head>
<body>
<header>
<img src="Bilder/Header.jpg">
<nav class="clearfix">
<ul class="clearfix">
<li><a href="Index.html">Startseite</a></li>
<li><a href="Story.html">Story</a></li>
<li><a href="Figuren.html" class="active">Figuren</a></li>
<li><a href="Projekt.html">Projekt</a></li>
<li><a href="Unterstuetzer.html">Unterstützer</a></li>
<li><a href="Kontakt.php">Kontakt</a></li>
</ul>
<a href="#" id="pull">Menü</a>
</nav>
</header>
<section class="main">
<div class="beige">
<div class="Kuenstler_rechts" >
<article>
<p>Alter: 28</p>
<a href="#"> Gespielt von: Robin Czerny</a>
</article>
<div id="hiddendiv"></div>
</div>
</section>
<div class="Impressum">
<footer>
<ul>
<li><a href="Impressum.html" >Impressum</a></li>
</ul>
</footer>
</div>
</body>
</html>Das ist meine CSS für das div:
Code
#hiddendiv{
height:120px;
width:120px;
background-color:red;
}Wär froh,wenn mir jemand helfen kann.
Danke schonmal !
Liebe Grüße
Sundream