Discussion :

[LeHibou2]

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

[LeHibou2]

Ok !

Après une - bonne - nuit de sommeil, j'ai trouvé :


J'avais oublié de mettre le $(document).ready(function() { en tête de balise script.


Je débute le jquery depuis deux jours, mes questions doivent vous paraître bêtes.

Merci à vous en tout cas, je comprends plein de choses à présent.

A bientôt,

LeHibou