Lägg till fade effect i show/hide script...

[tobiasklint]

Hej! Jag har ett simpelt show/hide script:

 

<script type="text/javascript">
function expand(txt) {document.getElementById(txt).style.display = ''; return false;}
function hide(txt) {document.getElementById(txt).style.display = 'none'; return false;}
</script>

 

<a href="#" onclick="expand('ruta22');">Visa länk</a>
<div id="ruta22" style="display:none">Texten som kommer visas</div>

 

Hur lägger man in en fade-in / fade-out effect på denna funktion på ett enkelt sätt?

Tacksam för svar.

Poäng kommer utdelas.

Tobbe

 

[Jonas__B]

genom att använda t ex jQuery

<script type="text/javascript">
$().ready(function(){
 $("div.hide").hide()
 $("a.link").click(function(){
   $(this).next("div").toggle("slow");
 });
});
</script>

 <a href="#" class="link">Visa länk</a>
 <div class="hide">Texten som kommer visas</div>

 

 

edit:

förutsätter att länken visas innan divven.

för att ge dig ett exempel som stämmer mer överrens med din verkligheten behöver jag se hur koden ser ut i helhet

[inlägget ändrat 2009-12-29 21:07:38 av Jonas_Bo]