Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] toggle
Fred1485
post
Post #1





Grupa: Zarejestrowani
Postów: 361
Pomógł: 22
Dołączył: 10.02.2015

Ostrzeżenie: (0%)
-----


Czytając różne poradniki napotkałem fajna funkcje toggle ale niestety jest ona zdeprecjonowana i tutaj pytanie czy jest cos podobnego w jezyku jquery zeby po kliknięciu zmienila sie np wartosx diva a po nastepnym z powrotem do pierwotnej i tak w kolo?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Fred1485
post
Post #2





Grupa: Zarejestrowani
Postów: 361
Pomógł: 22
Dołączył: 10.02.2015

Ostrzeżenie: (0%)
-----


Bo właśnie zastanawiam się czemu nie działało, analizując ten przykład:

  1. <div class="content">
  2. <div class="main">
  3. <h1>Jednostronicowa lista FAQ</h1>
  4. <h2>Słyszałem, że JavaScript to fontanna młodości. Czy to prawda?</h2>
  5. <div class="answer">
  6. <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>
  7. </div>
  8. <h2>Czy język JavaScript rzeczywiście rozwiąże wszystkie moje problemy?</h2>
  9. <div class="answer">
  10. <p>Tak! Jest to najbardziej wszechstronny język programowania na świecie oraz ma funkcje doradztwa finansowego, reanimacji i opiekowania się zwierzętami domowymi.</p>
  11. </div>
  12. <h2>Czy jest coś, czego JavaScript <em>nie</em> potrafi?</h2>
  13. <div class="answer">
  14. <p>Nie! Potrafi nawet pisać stronnicze strony FAQ na swój temat. To naprawdę inteligentny język programowania!</p>
  15. </div>
  16. </div>
  17. </div>


i JS

  1. $(document).ready(function() {
  2. $('.answer').hide();
  3. $('.main h2').toggle(
  4. function() {
  5. $(this).next('.answer').slideDown();
  6. },
  7. function() {
  8. $(this).next('.answer').fadeOut();
  9. }
  10. ); // koniec funkcji toggle
  11. }); // koniec funkcji ready


Tutaj to działa pięknie ale na starszej wersji jquery na nowszej nie będzie poprawnie działać.
To dlatego że nowsze jQuery nie wspiera tego?

Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 28.12.2025 - 15:16