.append()
次のような効果でどのように使用できますかshow('slow')
エフェクトをオンにしappend
てもまったく機能しないようで、通常と同じ結果になりますshow()
。トランジションもアニメーションもありません。
1 つの div を別の div に追加し、それにslideDown
or効果を持たせるにはどうすればよいですか?show('slow')
ベストアンサー1
div が追加されるとすぐにブラウザに表示されるコンテンツが更新されるため、追加時に効果があっても機能しません。したがって、Mark B と Steerpike の回答を組み合わせると次のようになります。
実際に追加する前に、追加するdivをhiddenとしてスタイル設定します。インラインまたは外部CSSスクリプトを使用して行うこともできますし、divを次のように作成することもできます。
<div id="new_div" style="display: none;"> ... </div>
それから追加したエフェクトに連鎖させることができます(デモ):
$('#new_div').appendTo('#original_div').show('slow');
または (デモ):
var $new = $('#new_div');
$('#original_div').append($new);
$new.show('slow');