Contenu avant :
$(function(){ $('body').append('<div style="position: fixed; bottom: 50px; left: 0; z-index:10000"><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none; background-color: #ffffff;">
Contenu ' échappé :
ESSAI
Contenu après :
</div><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="$(\'#panneau\').stop(true, true).animate({width:\'toggle\'},1000);this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';" /></div>'); });
Résultat :
$(function(){ $('body').append('<div style="position: fixed; bottom: 50px; left: 0; z-index:10000"><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none; background-color: #ffffff;">ESSAI</div><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="$(\'#panneau\').stop(true, true).animate({width:\'toggle\'},1000);this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';" /></div>'); });