Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Zamiana klas
-xavi_sof-
post
Post #1





Goście







Witam

Mam problem z zamianą klas z poziomu jQuery.

  1. <!--Question #1-->
  2. <div class="question">
  3. <div class="bg-question">
  4. <div class="plus"></div> <--- CHODZI TYLKO O TO
  5. <div class="question-content"><h4 class="white">
  6. Nulla in lorem quis lacus tincidunt faucibus at quis itolit?
  7. </h4></div>
  8. </div>
  9. <div class="bg-answer">
  10. <p class="grey-light">
  11. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eros est, ut hendrerit purus auctor at. Nulla in lorem quis lacus tincidunt faucibus at quis velit. Phasellus lacus metus, scelerisque in dapibus sed, condimentum at leo. Phasellus condimentum arcu eget auctor dictum. Phasellus et feugiat dolor, in eleifend velit.
  12. </p>
  13. </div>
  14. </div>
  15.  
  16.  
  17. <!--Question #2-->
  18. <div class="question">
  19. <div class="bg-question">
  20. <div class="plus"></div> <--- NIE CHODZI O TO
  21. <div class="question-content"><h4 class="white">
  22. Nulla in lorem quis lacus tincidunt faucibus at quis itolit?
  23. </h4></div>
  24. </div>
  25. <div class="bg-answer">
  26. <p class="grey-light">
  27. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur eros est, ut hendrerit purus auctor at. Nulla in lorem quis lacus tincidunt faucibus at quis velit. Phasellus lacus metus, scelerisque in dapibus sed, condimentum at leo. Phasellus condimentum arcu eget auctor dictum. Phasellus et feugiat dolor, in eleifend velit.
  28. </p>
  29. </div>
  30. </div>


  1. $(document).ready(function(){
  2. $('.bg-answer').hide(); //Hide all answers
  3.  
  4. $('.bg-question').toggle(
  5. function(){
  6. $(this).next('.bg-answer').fadeIn();
  7. $(this).next('.minus').removeClass('plus').addClass('minus'); <-- tu chce usunąć klase plus i wpisac w to miejsce klase minus
  8. },
  9. function(){
  10. $(this).next('.bg-answer').fadeOut();
  11. $(this).next('.minus').removeClass('minus').addClass('plus'); <-- odwrotnie
  12. }
  13. );
  14.  
  15.  
  16. });



Ma być to efekt accordion, do pluginu FAQs.
Nie wiem jak się dostać tylko do najbliższego diva o klasie plus i zamienić to na minus... Proszę o pomoc

Ten post edytował xavi_sof 14.06.2014, 18:10:54
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 807
Pomógł: 1828
Dołączył: 11.03.2014

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


Tak samo jak zrobiłeś z children, ale jeśli ".plus" jest bezpośrednim dzieckiem rodzica, to nie ma sensu.

P.S.
$(this).children().find('.plus') -> w bezpośrednich dzieciach this szuka dzieci z klasą plus
Go to the top of the page
+Quote Post

Posty w temacie
- xavi_sof   [jQuery] Zamiana klas   14.06.2014, 18:09:50
- - trueblue   .next() dotyczy kolejnego elementu w hierarchii DO...   14.06.2014, 18:16:02
|- - xavi_sof   Cytat(trueblue @ 14.06.2014, 19:16:02...   14.06.2014, 18:30:22
- - trueblue   Albo children albo find. Children bezpośrednie dzi...   14.06.2014, 18:35:58
|- - xavi_sof   Cytat(trueblue @ 14.06.2014, 19:35:58...   14.06.2014, 18:41:40
- - trueblue   Tak samo jak zrobiłeś z children, ale jeśli ...   14.06.2014, 18:47:19


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: 10.10.2025 - 14:06