[muusik]

Keegi teab soovitada mõnda pooleldi valmis tehtud scripti, millel oleks järgnev funktsioon:

Link - klikkides avaneb selle alla tekst, mida saaks kergelt ka hide'da.

[aatomik]

See suht lihtsalt toimiv süsteem, tuleb lihtsalt javascriptiga div'e nähtavaks või nähtamatuks muuta.

xhtml:

Spoiler

<p>...This is all visible content... <a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a> </p> <div id="example" class="more"> <p>...This content is hidden by default...</p> <p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this content.</a></p> </div>

css:

Spoiler

.more {     display: none;     border-top: 1px solid #666;     border-bottom: 1px solid #666; } a.showLink, a.hideLink {     text-decoration: none;     color: #36f;     padding-left: 8px;     background: transparent url('down.gif') no-repeat left; } a.hideLink {     background: transparent url('up.gif') no-repeat left; } a.showLink:hover, a.hideLink:hover {     border-bottom: 1px dotted #36f; }

javascript:

Spoiler

function showHide(shID) {     if (document.getElementById(shID)) {         if (document.getElementById(shID+'-show').style.display != 'none') {             document.getElementById(shID+'-show').style.display = 'none';             document.getElementById(shID).style.display = 'block';         }         else {             document.getElementById(shID+'-show').style.display = 'inline';             document.getElementById(shID).style.display = 'none';         }     } }

Töötav näidis

[muusik]

Thanks!

[mikk36]

jquery eelistajana (kuna nkn tuleb rohkem js'i kui vaid see)
http://docs.jquery.com/Effects/toggle