Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zakładki - ukrywanie i wyświetlanie
Kreton
post 25.07.2008, 08:27:44
Post #1





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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


Witam, na wstępie mówię, że mam prawie zerową znajomość JS. Chodzi mi o taki myk.
  1. <ul id="menu">
  2. <li><a href="#describe">opis oferty</a></li>
  3. <li><a href="#plans">plany i zdjęcia</a></li>
  4. <li><a href="#map">mapa</a></li>
  5. <li><a href="#contact">kontakt</a></li>
  6. <li><a href="#loan">kredyt</a></li>
  7. </ul>

A potem mam diwy z odpoiwiednią treścią.
  1. <div id="describe">treść</div>
  2. <div id="plans">plany</div>
  3. <div id="map">map</div>


Jak zrobić, żeby po otwarciu strony, wszystkie elementy oprócz diva describe zniknęły? Trzeba nadac im diplay:none ale nie jak to zrobić w JS. Chodzi mi o przeglądanie w zakładkach. Klikam np. na kontakt, poprzedni div "znika" i wyświetla się ten obecny. Oczywiście chce to odseparować. To ma być jedynie "ficzer" dla osób mających JS.

Czy da się to łądnie zrobić w jQuery ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
Lk_hc
post 25.07.2008, 08:43:01
Post #2





Grupa: Zarejestrowani
Postów: 36
Pomógł: 1
Dołączył: 12.06.2006

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


Na moje oko musisz poprostu zaaplikować wartość display:none za pomocą skryptu podobnego do tych opisanych tuatj: http://docs.jquery.com/CSS/css#namevalue. Zamiast hover onclick i zamiast background zmieniasz lub nadajesz wartość display i po bombkach.
Go to the top of the page
+Quote Post
mdnm
post 25.07.2008, 09:38:36
Post #3





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 8.12.2005
Skąd: Bytom

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


Czy może chodzi ci o coś takiego? :

http://www.mibhouse.org/pokemon_jojo/dev/t...pbbsidebar.html
Go to the top of the page
+Quote Post
Kreton
post 25.07.2008, 16:34:49
Post #4





Grupa: Zarejestrowani
Postów: 345
Pomógł: 3
Dołączył: 20.02.2005

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


@mdnm: nie nie o to chodziło.

Poradziłem sobie używając do tego jQuery. Wyszło dobrze, niestety kod woła o pomstę do nieba smile.gif za dużo w nim nadmiarowego kodu. Ale działa smile.gif
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 Wersja Lo-Fi Aktualny czas: 18.07.2025 - 23:58