Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]rozwijanie/ukrywanie DIV, rozwijanie / ukrywanie warstwy
asall
post 16.01.2014, 20:20:32
Post #1





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 11.12.2013

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


ZNa ktoś jakiegoś prostego gotowca na ukrywanie/ rozwijanie DIV
, chodzi mi o afekt jakby FAQ klikam na 1 pytanie iv sie rozwija a inne rozwinięte chowają automatycznie

mam coś takiego

  1. function pokazAlboUkryj1(co) {
  2. var obiekt = document.getElementById(co);
  3.  
  4. if (obiekt.style.display == 'block') {
  5. obiekt.style.display = 'none';
  6. }else{
  7. obiekt.style.display = 'block';
  8. }
  9.  
  10. }


ale niewiem jak przerobić aby klikając w dane ID inne sie chowały

Go to the top of the page
+Quote Post
modern-web
post 16.01.2014, 20:21:53
Post #2





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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


http://jqueryui.com/accordion/

proste i czyste


--------------------
Pomogłem? Kliknij `Pomógł`. To nic nie kosztuje, a mnie usatysfakcjonuje! ;)
Go to the top of the page
+Quote Post
asall
post 16.01.2014, 21:11:52
Post #3





Grupa: Zarejestrowani
Postów: 42
Pomógł: 0
Dołączył: 11.12.2013

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


dzięki ale chodziło mi o coś w JS a nie jquery zresztą znane jest mi to rozwiązanie ale jakoś wydaje mi się nieodpowiednie do tego co chce osiągnąć
Go to the top of the page
+Quote Post
modern-web
post 16.01.2014, 21:25:10
Post #4





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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


jQuery to również JS wink.gif
Ten przykład wystarczy odpowiednio ostylować jeżeli to kwestia wyglądu, ale domyślam się, że nie tylko właśnie...
Okej, a czego oczekujesz? Jakiś sample może? Coś podobnego?


--------------------
Pomogłem? Kliknij `Pomógł`. To nic nie kosztuje, a mnie usatysfakcjonuje! ;)
Go to the top of the page
+Quote Post
boro11
post 16.01.2014, 21:33:02
Post #5





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 9.07.2010
Skąd: Warszawa

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


Po co komu js jak można użyć CSS smile.gif

http://www.hongkiat.com/blog/css-content-accordion/
Go to the top of the page
+Quote Post
modern-web
post 16.01.2014, 21:53:34
Post #6





Grupa: Zarejestrowani
Postów: 763
Pomógł: 117
Dołączył: 15.03.2010
Skąd: void

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


Jednak po coś to jest wink.gif
Różne są gusta, o optymalizacji często nawet nie ma mowy smile.gif


--------------------
Pomogłem? Kliknij `Pomógł`. To nic nie kosztuje, a mnie usatysfakcjonuje! ;)
Go to the top of the page
+Quote Post
tomxx
post 17.01.2014, 13:54:54
Post #7





Grupa: Zarejestrowani
Postów: 172
Pomógł: 27
Dołączył: 5.10.2013

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


Kod
function pokaż(identyfikator)
{
   var identyfikatory = [ /* ... tu wstaw identyfikatory wszystkich divów ... */ ];
   document.getElementById(identyfikator).style.display='block';
   for(i=0;i<identyfikatory.length;i++)
   {
      if(identyfikatory[i] != identyfikator)
         document.getElementById(identyfikatory[i]).style.display='none';
   }
}
W tablicy identyfikatory wstawiasz oddzielone przecinkami nazwy identyfikatorów wszystkich zainteresowanych divów.
Teraz wystarczy tylko pod przycisk lub cokolwiek innego wstawić atrybut onclick, np.:
  1. <button onclick="pokaż('aaa')">Pokaż div#aaa</button>


Ten post edytował tomxx 17.01.2014, 13:56:23
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: 27.04.2024 - 08:06