Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [inne][HTML][JavaScript]Tekst rozwijany po naciśnięciu "pokaż"
Szunaj85
post 3.10.2018, 15:15:25
Post #1





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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

Potrzebuję skryptu jquery, który będzie rozwijał ukryty tekst po kliknięciu słowa "pokaż", jednocześnie zamieniając tekst "pokaż" na "ukryj" oraz odwrotnie po kliknięciu słowa "ukryj" będzie zwijał ukryty tekst, jednocześnie zamieniając tekst "ukryj" na "pokaż". Te dwa słowa zawsze muszą być na końcu ukrytego tekstu. Próbowałem z slideUp(), slideDown() i w ogóle kombinowałem, ale coś nie wychodzi. Chodzi o coś jak poniżej, tylko działające w obie strony.
[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  4.     <script>
  5.     $(document).ready(function() {
  6.     $("#klik").click(function () { 
  7.     $('#pokaz').slideToggle('normal');
  8.     });
  9.     });
  10.     </script>
  11.  
  12.     </head>
  13.     <body>
  14.     <p id="klik">Kliknij</p>
  15.     <div id="pokaz" style="display: none">test test</div>
  16.     </body>
  17.     </html>
[HTML] pobierz, plaintext


Ten post edytował Szunaj85 3.10.2018, 15:16:21


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
Go to the top of the page
+Quote Post
Octobus
post 3.10.2018, 16:18:16
Post #2





Grupa: Zarejestrowani
Postów: 259
Pomógł: 1
Dołączył: 3.07.2011

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

cos takiego np. mozesz zrobic

Kod
$(document).ready(function() {
    $("#klik").click(function () {
        $('#pokaz').slideToggle('normal', function(){
            if($(this).is(':hidden')){
                $('#klik').html('Otworz');
            }else{
                $('#klik').html('Zamknij');
            }
      });
    });
});

jsfiddle.net/mwbyejan

Ten post edytował Octobus 3.10.2018, 16:19:42
Go to the top of the page
+Quote Post
Szunaj85
post 9.10.2018, 12:05:24
Post #3





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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

A czy jedyną możliwością jest robienie tego na warunkach? Wydaje mi się, że można to też zrobić na stylach.


--------------------
Jeśli Ci pomogłem wciśnij Jeśli mi pomożesz wcisnę
Go to the top of the page
+Quote Post
viking
post 9.10.2018, 12:43:45
Post #4





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

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

https://prophp.pl/advice/show/21/zaznaczani...ycia_javascript


--------------------
Odpowiedzi na często zadawane pytania:
Konfiguracja serwera Apache + PHP 7 pod Windows | Kodowanie znaków na stronach www | PHPTAL w Zend Framework | Programowanie obiektowe w PHP | PDO uniwersalnym sposobem na obsługę baz danych | Kurs PHP (część 1): Podstawowy opis języka
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 06:15
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn