Tani hosting

Zniknięcie diva oraz pokazanie innego
PanJones Offline
Użytkownik

Liczba postów: 5
Reputacja: 0
Post: #1
Zniknięcie diva oraz pokazanie innego 12-10-2016 15:30
Cześć,
Chciałbym osiągnąć efekt, iż po naciśnięciu na np. klasę i_square (wszystko do zobaczenia w linku poniżej) - całość środka strony znika, a zamiast tego pojawia się div który jest na display: none;. Do tego czasu osiągnąłem efekt znikania głównego diva, lecz nic po tym się nie dzieje.
Pomoc mile widziana, pozdrawiam!

http://codepen.io/anon/pen/aBjKzz
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
michalo2k Offline
Użytkownik

Liczba postów: 48
Reputacja: 13
Post: #2
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 17:33
zamiast wpisywać do diva style="display:none" , nadaj mu klasę ze stylem display: none ,  a następnie w js użyj removeClass
Cytuj
PanJones Offline
Użytkownik

Liczba postów: 5
Reputacja: 0
Post: #3
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 17:46
Co konkretnie zamieścić w JS? Jak HTML i CSS umiem, bez skromności. bardzo dobrze, tak JS dopiero się uczę
Cytuj
michalo2k Offline
Użytkownik

Liczba postów: 48
Reputacja: 13
Post: #4
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 17:50
$("#cs").removeClass('klasa');
(Ten post był ostatnio modyfikowany: 12-10-2016 17:50 przez michalo2k.)
Cytuj
PanJones Offline
Użytkownik

Liczba postów: 5
Reputacja: 0
Post: #5
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 18:00
Załatwione, działa, ale... zawartość drugiego diva pojawia się pod wszystkimi tymi divami, które zostały ukryte. Wychodzi na to, że poprzednia zawartość zostaje na swoim miejscu, lecz jest tylko ukrywana.
Cytuj
michalo2k Offline
Użytkownik

Liczba postów: 48
Reputacja: 13
Post: #6
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 18:10
Cóż, nie jestem do końca pewny o co dokładnie ci chodzi. Bez plików za wiele nie zdziałam. Wydaje mi się, że musiałbyś kombinować z position i display.
Cytuj
PanJones Offline
Użytkownik

Liczba postów: 5
Reputacja: 0
Post: #7
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 18:17
Pokaże to może graficznie. Przed i po naciśnięciu[Obrazek: przed2cs1q.png][Obrazek: pofasl8.png]
Cytuj
michalo2k Offline
Użytkownik

Liczba postów: 48
Reputacja: 13
Post: #8
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 18:26
Wybacz, ale patrzę na te obrazki i nadal nie jestem pewien o co chodzi Smile. Czy mógłbyś bardziej szczegółowo opisać efekt, który zamierzasz osiągnąć ?
Cytuj
PanJones Offline
Użytkownik

Liczba postów: 5
Reputacja: 0
Post: #9
RE: Zniknięcie diva oraz pokazanie innego 12-10-2016 18:31
Poszperałem nieco po kursach i wystarczyło dopisać $('.klasa').hide(); i po problemie. Tak czy siak, dziękuje za pomoc @michalo2k. Do zamknięcia Smile
Cytuj
rnino Offline
Użytkownik

Liczba postów: 2
Reputacja: 0
Post: #10
RE: Zniknięcie diva oraz pokazanie innego 12-18-2016 20:32
(12-10-2016 18:31)PanJones napisał(a):  Poszperałem nieco po kursach i wystarczyło dopisać $('.klasa').hide(); i po problemie. Tak czy siak, dziękuje za pomoc @michalo2k. Do zamknięcia Smile

Tak mi przyszlo do glowy jeszcze - zamiast uzywac klas, ja bym bardziej umiescil divy do ukrycia w osobnym divie, a potem przez js ukryl wlasnie tego diva po 'id', to na pewno bezpieczniejsze rozwiazanie, przy dzialaniu na klasach trzeba utrzymac dyscypline, zeby przypadkiem po czyms dodatkowym 'nie pojechac'. Tyle mojego.
WWW Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości