//Script palette, version 1.02 du 12/07/2011
//http://www.jp.guihard.net/spip.php?article147


//le lien vers le fichier css de la palette
[<link rel="stylesheet" href="(#CHEMIN{css/palette.css})" type="text/css" media="all" />]


<script type="text/javascript">
//appel de la fonction des que la page est chargee
  $(document).ready(function() {

//je rends la palette draggable
//vous remplacez #menu_meme-rubrique par n'importe quel nom de DIV ID
    $("#menu_meme-rubrique").draggable();

//lorsque je clique sur la div palette-head-jePlie
    $("#menu_meme-rubrique-head-jePlie").click(function () { 
    
// test si Internet Explorer est inferieur a 8 qui ne comprend pas les slideUp et slideDown
//je rempace par un toggleClass moins esthetique, mais que voulez vous !!	
	if($.browser.msie && $.browser.version < 8){
		$("#menu_meme-rubrique-main").toggleClass("hide");
	}else{
//pour les autres navigateurs normaux

//je teste si la partie centrale de la palette
//est cachée (hidden)
      if ($("#menu_meme-rubrique-main").is(":hidden")) {

//si elle est cachee, je deplie avec un effet slideDown
      $("#menu_meme-rubrique-main").slideDown();
    } else {

//si elle est visible, je plie avec un effet slideUp
      $("#menu_meme-rubrique-main").slideUp();
    }
    }
//je change la class css de la partie haute pour 
//passer le petit triangle de bas a droite
   	$("#menu_meme-rubrique-head").toggleClass("hide"); 
    });

  });

</script>