Rebonjour

Je suis face à un nouveau petit problème. Cette fois j'ai vérifié, ce n'est pas une question de mauvaise écriture.

Ce que je souhaite : lorsque je clique dans une div, celle-ci voit son padding évoluer. Le position est sur relative. Dans le css #monespacetitre {padding-top:27px;}

Ceci afin de faire un effet sur un menu : dans un premier temps, on ne voit que le titre, et quand on clique dessus, le titre monte et des commandes apparaissent.

Mon code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<script type="text/javascript">
$("#monespacetitre").click(function(){
$("#monespacetitre").animate({"padding-top":"-=27", "height":"20"}, 1000, function(){
    $("#monespacee").animate({"opacity":"1"},1000);
    });
 });
</script>
Sachant que :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
$('#monespace').animate("opacity:0");
$('#monespacetitre').css("height","70").css("padding-top","+=27");
ont été définis dans une balise script.

Ceci ne fonctionne pas. Quelle est la marche à suivre ? Je ne dois pas être bien loin pourtant..

Merci à vous,

A bientôt,

LeHibou