高さ 185 ピクセルの「レビュー」div には、リンク「編集」があります。これをクリックすると、div が 250 ピクセルになり、リンクが「キャンセル」に変わり、クリックすると 185 に戻ります。 .
このコード（js.erbファイル内）は私にとってはうまく機能します（「編集」リンクが「キャンセル」に変わります）：
$('#review_<%=@review.id%>').html("<%= escape_javascript(render 'edit') %>")
$('#review_<%=@review.id %>').animate({height:'250px'}, 300);
#review div はスムーズに 250 ピクセルに拡張されます。今、同じ効果を 185 ピクセルに戻そうとしています。しかし、高さは突然縮小します - 滑らかな遷移はありません:
$('#review_<%=@review.id%>').replaceWith("<%= escape_javascript( review_block @review ) %>")
$('#review_<%=@review.id %>').animate({height:'185px'}, 300);
スムーズにアニメーション化する方法はありますか? 「replaceWith」の代わりに「html」を入れてみましたが、div の内容がずれてしまいます。ありがとう。