Forum PHP.pl > [JavaScript] Płynne ukrywanie i pokazywanie DIV'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Płynne ukrywanie i pokazywanie DIV'a

misterious

12.01.2013, 14:50:44

Witam!
Mam div o id reklamy.
Chciałbym teraz zrobić, aby po kliknięciu w obrazek był on PŁYNNIE wysuwany, rozsuwany.
Czy moglibyście pomóc? W php sobie jakoś radzę, ale JS to dla mnie czarna magia

CuteOne

12.01.2013, 15:00:42

google -> jquery hide (zobacz też animation i pluginy)

misterious

12.01.2013, 17:37:46

Drogi kolego!
Patrzyłem już wszystko na google przed napisaniem tematu

Znalazłem całkiem dobry skrypt, jednak ukrywał on tylko, a ja potrzebuję żeby i ukrywał i odkrywał

Oto ten skrypt:

[PHP] pobierz, plaintext 
<div class="block">
    <span>To jest ukryty blok który się pojawił</span>
</div>
<span class="click">pokaż</span>
[PHP] pobierz, plaintext

i kod JS:

[PHP] pobierz, plaintext 
$(document).ready(function() {
    $('.click').click(function() {
        $('.block').slideDown('300', function() {
            $('.click').animate({
                opacity: 0
            }, 300);
        });
    });
});
[PHP] pobierz, plaintext

Pomóżcie go przerobić...
I jakby się dało, aby jeśli jest pokazany div to aby zamiast pokaż pojawiał się ukryj i obrazek przy tym: images/minus.png, a jeśli ukryty to aby zamiast ukryj pojawiał się pokaż i obrazek: images/plus.png.
Z góry przepraszam, ale nie bardzo ogarniam JS

MlodyJNTR

12.01.2013, 18:11:23

Trzymaj

Kod

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Kliknij</button>

<p>tekst do wyświetlenia</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});
</script>

</body>
</html>

misterious

12.01.2013, 18:13:46

Ten skrypt to ja też znalazłem i działa on tylko na klasę P

MlodyJNTR

12.01.2013, 18:16:33

na div`a masz

Kod

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Kliknij</button>

<div class="ps">tekst do wyświetlenia</div>
<script>
$("button").click(function () {
$(".ps").toggle("slow");
});
</script>

</body>
</html>

KR2615

19.02.2013, 10:02:32

Znalazłem ten skrypt na forum ale też jestem cieńki z JS więc prosze o kod działający po kliknięciu na odnosnik zamiast na button. Z góry dzięki!

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.