Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ukrywanie jednego elementu a w tym czasie pokazywanie drugiego
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Trzeci
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
nospor
Problem nie ma zadnego zwiazku z AJAX.... przenosze
kamil4u
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.