Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> ukrywanie jednego elementu a w tym czasie pokazywanie drugiego
Trzeci
post 8.11.2013, 16:01:31
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.06.2011

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


Mam taki kawałek kodu
  1. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script type="text/javascript">
  3. // zwijanie subforow
  4. $(document).ready( function () {
  5. $('.forum').each( function () {
  6.  
  7. $(this).children('.schowaj_subfora').click(function () {
  8. $(this).parent().children('#subfora').slideToggle('slow');
  9. $(this).parent().children('.schowaj_subfora').css('display', 'none');
  10. $(this).parent().children('.pokaz_subfora').css('display', 'inline-block');
  11. });
  12.  
  13. $(this).children('.pokaz_subfora').click(function () {
  14. $(this).parent().children('#subfora').slideToggle('slow');
  15. $(this).parent().children('.pokaz_subfora').css('display', 'none');
  16. $(this).parent().children('.schowaj_subfora').css('display', 'block');
  17. });
  18. });
  19. });
  20. .pokaz_subfora { display:none; }
  21. .schowaj_subfora { display:block; }
  22.  
  23. <div class="forum">
  24. <div id="subfora">
  25. test
  26. </div>
  27. <span class="pokaz_subfora">pokaż subfora</span>
  28. <span class="schowaj_subfora">ukryj subfora</span>
  29. </div>

Pokazuje on i chowa tekst 'test'

Chciałbym ten kod tak przerobić że jak klikam ukryj subfora to chowa się ten tekst 'test' i odkrywa się tekst 'test2' i później jak kliknę na pokaż subfora to żeby ukrywał się tekst 'test2' i pokazywał tekst 'test'.
Próbowałem to przerobić, lecz jQuery to moja słaba strona.
Proszę o pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
nospor
post 8.11.2013, 16:02:35
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Problem nie ma zadnego zwiazku z AJAX.... przenosze


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
kamil4u
post 8.11.2013, 22:37:27
Post #3





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


A jak próbowałeś? Generalnie trzeba to zrobić dokładnie tak samo jak zmienianie tekstu "pokaż/schowaj". Zauważ, że tam są dwa elementy i jeden ukrywasz, a drugi pokazujesz. Jeżeli chcesz to zrobić z efektem "chowania" to użyj tzn. callback: http://api.jquery.com/slideToggle/ -> complete


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 27.06.2025 - 12:29