[js](?) Pokazywanie i chowanie Opcje

[GreenGo]

Witam.
Chciałbym się dowiedzieć jak zrobić tak aby część strony pokazywała się dopiero jak kliknie się na jakiś napis i chowała jak się na niego powtórnie kliknie. Coś ala spoiler w IPB albo na wp.pl gdy się kliknie na "dostosuj".
Pozdrawiam i z góry dzięki za pomoc.

[Cienki1980]

Odpowiednie wykorzystanie div'ow oraz styli:
coś w tym stylu:

[HTML] pobierz, plaintext 
<script language="javascript">
function showHide(co)
{
 if(document.getElementById(co).style.display=="none")
  document.getElementById(co).style.display="inline";
 else
  document.getElementById(co).style.display="none";
}
</script>
 
<a href="#" onClick="showHide('jeden');">Pokaz pierwszy div</a> | <a href="#" onClick="showHide('dwa');">Pokaz drugi div</a>
<HR>
<div id="jeden" style="display:none">Jakas zawartosc div'a pierwszego</div>
<BR><BR><BR>
<div id="dwa" style="display:none">Jakas zawartosc div'a drugiego</div>
[HTML] pobierz, plaintext 

[GreenGo]

ok dzięki działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
A jest jakaś metoda aby ta strzałeczka zmieniała zwrot w zależności od kliknięcia ? To by mi dużo ułatwiło (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[Cienki1980]

Jaka strzałeczka (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[maryaan]

pewnie taka ktora przy rozwinietym divie jest skierowana w dol a przy zwinietym w gore (albo na odwrot). GreenGo po prostu nalezy do grona osob ktore wierza we wrozki :]

[GreenGo]

No jak widze Ty maryaan do tych wróżek się zaliczasz (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Tak chodzi właśnie o takie strzałeczki. Pisząc poprzedniego posta założyłem, że jak napisałem, że chodzi mi o takie coś jak na wp.pl to ktoś i tą strzałeczke tam zauważył (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[Cienki1980]

Podejrzewam, że te strzałeczki to nic innego jak podmiana pliku graficznego.

Ustawienie odpowiedniego obrazka dla odpowiedniego stanu div'a
Taki update:

[HTML] pobierz, plaintext 
function showHide(co)
{
 if(document.getElementById(co).style.display=="none")
 {
  document.getElementById(co).style.display="inline";
  document.getElementById(co+'_gif').src="down.gif";
 }
 else
 {
  document.getElementById(co).style.display="none";
  document.getElementById(co+'_gif').src="up.gif";
 }
}
.
.
.
<img src="up.gif" id="jeden_gif">
[HTML] pobierz, plaintext 

Dopasuj to do kodu, który wysłałem wcześniej i będzie banglać (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował Cienki1980 18.01.2007, 17:52:56

[GreenGo]

ok dzięki wielkie (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) wszystko działa jak należy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) no prawie wszystko bo niestety obrazki pokazują się dopiero jak klikne na link. Od razu po wejściu na strone z tymi odnosnikami obrazki są niewidoczne (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Masz na to jakąś rade ? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[Cienki1980]

U mnie obrazki od razu sie pojawiaja.
Zapodaj kod może coś znajdziemy.

[GreenGo]

ok już sobie poradziłem. Po prostu ścieżka do tych obrazków "uaktywniała" się po kliknięciu a przed nim obrazki chciały się wyświetlić z innego adresu (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)