[JavaScript] Płynne ukrywanie i pokazywanie DIV'a

[JavaScript] Płynne ukrywanie i pokazywanie DIV'a

misterious Zobacz profil	12.01.2013, 14:50:44 Post #1
Grupa: Zarejestrowani Postów: 52 Pomógł: 2 Dołączył: 7.10.2012 Ostrzeżenie: (0%)	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

Odpowiedzi (1 - 6)

CuteOne Zobacz profil	12.01.2013, 15:00:42 Post #2
Grupa: Zarejestrowani Postów: 2 958 Pomógł: 574 Dołączył: 23.09.2008 Skąd: wiesz, że tu jestem? Ostrzeżenie: (0%)	google -> jquery hide (zobacz też animation i pluginy)

misterious Zobacz profil	12.01.2013, 17:37:46 Post #3
Grupa: Zarejestrowani Postów: 52 Pomógł: 2 Dołączył: 7.10.2012 Ostrzeżenie: (0%)	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 Ten post edytował misterious 12.01.2013, 17:42:01

MlodyJNTR Zobacz profil	12.01.2013, 18:11:23 Post #4
Grupa: Zarejestrowani Postów: 39 Pomógł: 1 Dołączył: 18.10.2011 Ostrzeżenie: (0%)	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 Zobacz profil	12.01.2013, 18:13:46 Post #5
Grupa: Zarejestrowani Postów: 52 Pomógł: 2 Dołączył: 7.10.2012 Ostrzeżenie: (0%)	Ten skrypt to ja też znalazłem i działa on tylko na klasę P

MlodyJNTR Zobacz profil	12.01.2013, 18:16:33 Post #6
Grupa: Zarejestrowani Postów: 39 Pomógł: 1 Dołączył: 18.10.2011 Ostrzeżenie: (0%)	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 Zobacz profil	19.02.2013, 10:02:32 Post #7
Grupa: Zarejestrowani Postów: 311 Pomógł: 13 Dołączył: 7.05.2007 Ostrzeżenie: (0%)	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! -------------------- LinkedIn

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

Aktualny czas: 14.08.2025 - 10:33

Hosting zapewnia

Forum PHP.pl