Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Ukrywanie/odkrywanie div'ow
koboos
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 30.03.2010

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


Witam.
Czy jest możliwość ukrywania jednego div'a i jednocześnie odkrywania drugiego (prawdopodobnie w tym samym miejscu, z-index pewnie się przyda) po kliknięciu na element menu? Jednocześnie chciałbym, aby dany element menu zmienił styl na aktywny. Prościej mówiąc chciałbym zrobić stronę bez podstron.
Czy jest coś takiego możliwe z samym CSS?

Jeśli już uda mi się ten efekt uzyskać to w jaki sposób ukrywać/odkrywać te div'y w sposób płynny?

Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
blooregard
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 2 033
Pomógł: 290
Dołączył: 21.12.2007
Skąd: Łódź




Najprościej da się manipulując parametrem display.

Płynnie: jQuery, Mootools itp lub własny skrypt w JS


--------------------
Life's simple... You make choices and don't look back...
Go to the top of the page
+Quote Post
wookieb
post
Post #3





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




jquery -> toogle (slideToggle i wszystkie inne "synonimy")
jquery -> attr
jquery -> addClass
jquery -> removeClass
jquery -> animate


--------------------
Go to the top of the page
+Quote Post
koboos
post
Post #4





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 30.03.2010

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


Wolałbym jednak uniknąć JS i bazować na samym CSS. oczywiście jeśli się da.
Co do parametru display, to moglibyście podać jakiś przykład zastosowania? Oczywiście sam za chwilę zacznę szukać...
Go to the top of the page
+Quote Post
wookieb
post
Post #5





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Nie da się tego zrobić za pomocą samego css


--------------------
Go to the top of the page
+Quote Post
koboos
post
Post #6





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 30.03.2010

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


OK rozumiem.
Dzięki za odpowiedzi, postaram się poczytać coś o jQuery.
Go to the top of the page
+Quote Post
vojtasek
post
Post #7





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 6.07.2009

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


chyba juz wiem można sprobować z funkcją "each" spróbuje to użyć i może uzyskam zamierzany efekt.
Go to the top of the page
+Quote Post
viking
post
Post #8





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

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


Zależy jak dokładnie miało by to wyglądać ale przy sprytnie użytym input radio + selektory CSS3 (a+b, nth-child()) mozna by się pokusić o zrobienie tego bez JS.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 22:30