Forum PHP.pl > [inne][HTML][JavaScript]Tekst rozwijany po naciśnięciu "pokaż"

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [inne][HTML][JavaScript]Tekst rozwijany po naciśnięciu "pokaż"

Szunaj85

3.10.2018, 15:15:25

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 
<html>
    <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $("#klik").click(function () { 
    $('#pokaz').slideToggle('normal');
    });
    });
    </script>
 
    </head>
    <body>
    <p id="klik">Kliknij</p>
    <div id="pokaz" style="display: none">test test</div>
    </body>
    </html>
[HTML] pobierz, plaintext

Octobus

3.10.2018, 16:18:16

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

Szunaj85

9.10.2018, 12:05:24

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

viking

9.10.2018, 12:43:45

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

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.