En javascript avec scriptaculous -> http://script.aculo.us/ :
Code :
<img onclick="montrerCacher('article_1');" scr="image_fleche" alt="cliquez pour voir le détail"/> <div style="display: none" id="article_1" > Texte caché </div>
|
entre tes balises <head>:
Code :
<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script> <script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script> <script type="text/javascript"> function montrerCacher(id_element) { if($(id_element).style.display == 'none') { Effect.BlindDown(id_element); return false; } else { Effect.BlindUp(id_element); return false; } } </script>
|
Voir explication de ces effets :
http://wiki.github.com/madrobby/sc [...] -blinddown
http://wiki.github.com/madrobby/sc [...] ct-blindup
Message édité par Alisteroid le 20-01-2009 à 11:29:29