Just nu i M3-nätverket
Jump to content

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


tobiasklint

Recommended Posts

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

 

Link to comment
Share on other sites

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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...