Witam.!
Uczę się jQuery i mam stworzyć taki program który po wcisnięciu nagłówka pod tym pokazuje się akapit.
Siedzę nad tym i siedzę i nie mogę znaleść błędu> Pomoże ktoś ? :) Z góry Dziękuje
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jednostronicowa lista FAQ</title>
<link href="site.css" rel="stylesheet">
<script src="jquery-2.2.3.min.js"></script>
<style type="text/css">
h2 {
background: url(open.png) no-repeat 0 11px;
padding: 10px 0 0 25px;
cursor: pointer;
}
h2.close {
background-image: url(close.png);
}
.answer {
margin-left: 25px;
}
</style>
<script>
$(document).ready(function() {
$('.answer').hide();
$('.main h2').click(
function() {
$(this).next('.answer').slideDown();
$(this).addClass('close');
},
function {
$(this).next('.answer').fadeOut();
$(this).removeClass('close');
}
);
}); // end ready
</script>
</head>
<body>
<div class="wrapper">
<div class="header">
<p class="logo">JavaScript <i>i</i> jQuery <i class="mm">Nieoficjalny<br>podręcznik</i></p>
</div>
<div class="content">
<div class="main">
<h1>Jednostronicowa lista FAQ</h1>
<h2>Słyszałem, że JavaScript to fontanna młodości. Czy to prawda?</h2>
<div class="answer">
<p>Tak, naprawdę! Badania wykazały, ża nauka języka JavaScript ożywia umysł i wydłuża oczekiwany czas życia o kilkaset lat. (Uwaga: część naukowców nie zgadza się z tymi twierdzeniami).</p>
</div>
<h2>Czy język JavaScript rzeczywiście rozwiąże wszystkie moje problemy?</h2>
<div class="answer">
<p>Tak! Jest to najbardziej wszechstronny język programowania na świecie oraz ma funkcje doradztwa finansowego, reanimacji i opiekowania się zwierzętami domowymi.</p>
</div>
<h2>Czy jest coś, czego JavaScript <em>nie</em> potrafi?</h2>
<div class="answer">
<p>Nie! Potrafi nawet pisać stronnicze strony FAQ na swój temat. To naprawdę inteligentny język programowania!</p>
</div>
</div>
</div>
<div class="footer">
<p>JavaScript i jQuery. Nieoficjalny podręcznik, autor <a href="http://sawmac.com/">David McFarland</a>. Wydane przez <a href="http://helion.pl/">Helion</a>.</p>
</div>
</div>
</div>
</body>
</html>