• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Pojawianie się i znikanie :)

Object Storage Arubacloud
0 głosów
1,188 wizyt
pytanie zadane 9 kwietnia 2016 w JavaScript przez Michał_Warmuz Mądrala (5,830 p.)

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>

 

1 odpowiedź

+1 głos
odpowiedź 9 kwietnia 2016 przez Comandeer Guru (602,340 p.)
wybrane 9 kwietnia 2016 przez Michał_Warmuz
 
Najlepsza

click nie przyjmuje dwóch parametrów, a jeden! Zamiast rozbijać to na dwie funkcje, użyj fadeToggle i toogleClass.

komentarz 9 kwietnia 2016 przez Michał_Warmuz Mądrala (5,830 p.)
Sorki nie zauważyłem tego. Zamiast click powinnło być toggle ale i to niedziała
komentarz 9 kwietnia 2016 przez Comandeer Guru (602,340 p.)

No nie działa, bo usunięto takie wykorzystanie toggle w 1.9 → http://api.jquery.com/toggle-event/

Podobne pytania

0 głosów
1 odpowiedź 465 wizyt
0 głosów
1 odpowiedź 237 wizyt
0 głosów
1 odpowiedź 425 wizyt

92,634 zapytań

141,505 odpowiedzi

319,883 komentarzy

62,015 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...