extension de la hauteur de l'élément par glissement (par opposition à une expansion brusque)

Question

Je voudrais agrandir la hauteur de la boîte lorsque l'on clique dessus.

$(this).find("textarea").css("height","2.6em").focus(); 

Le code ci-dessus développe la boîte, mais le fait brusquement. Comment puis-je le faire glisser de manière beaucoup plus élégante?

Answer 1

Vous pouvez utiliser .animate() au lieu de .css(), comme ceci:

$(this).find("textarea").animate({ height: "2.6em" }).focus(); 

Certains navigateurs perdent l'accent sur l'animation bien, je me souviens d'une question de quelques semaines, vous devrez peut-être faire à la place:

$(this).find("textarea").animate({ height: "2.6em" }, function() { 
    $(this).focus(); 
}) 

Answer 2

Jetez un oeil à animate function jQuery:

$(this).find("textarea").animate({ 
    height: "2.6em" 
    } 

Answer 3

L'effet size le fera en douceur. Animate, aussi.

$(this).find("textarea").effect("size", { to: {height: 2.6em} }, 1000).focus();;