Forum PHP.pl > [HTML][JavaScript]rozwijanie/ukrywanie DIV

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]rozwijanie/ukrywanie DIV

asall

16.01.2014, 20:20:32

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

[HTML] pobierz, plaintext 
function pokazAlboUkryj1(co) {
var obiekt = document.getElementById(co);
 
if (obiekt.style.display == 'block') {
obiekt.style.display = 'none';
}else{
obiekt.style.display = 'block';
}
 
}
[HTML] pobierz, plaintext

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

modern-web

16.01.2014, 20:21:53

http://jqueryui.com/accordion/

proste i czyste

asall

16.01.2014, 21:11:52

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ąć

modern-web

16.01.2014, 21:25:10

jQuery to również JS

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?

boro11

16.01.2014, 21:33:02

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

http://www.hongkiat.com/blog/css-content-accordion/

modern-web

16.01.2014, 21:53:34

Jednak po coś to jest

Różne są gusta, o optymalizacji często nawet nie ma mowy

tomxx

17.01.2014, 13:54:54

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.:

[HTML] pobierz, plaintext 
<button onclick="pokaż('aaa')">Pokaż div#aaa</button>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.