.slideUp()
を使用して要素をクリアし、要素を.html('')
再設定しようとしてい.slideDown()
ます。単純?はい。働く?いいえ。
要素は、スライドアップが完了する前に再設定されます。基本的に、ショーを台無しにするカーテンが設置される前にマジシャンが去るのを見る.
jsFiddle : http://jsfiddle.net/Zt6gw/
jQuery
$('#oh_sort').change(function(){
$('#oh_list_cont').slideUp(1000);
$('#oh_list_cont').promise().done(ohReset());
$('#oh_list_cont').slideDown(1000);
});
function getOpenhouse(){
var data = $('#oh_sort').val();
if(data == 'date'){
$('#oh_list_cont').append('WOOOOOOORK!');
}
if(data == 'price'){
$('#oh_list_cont').append('Please?!');
}
if(data == 'city'){
$('#oh_list_cont').append('OMGWTFBBQ');
}
}
function ohReset() {
$('#oh_list_cont').html('');
getOpenhouse();
}
.slideUp() に組み込まれている [complete] (callback?) 関数でこれを試しましたが、何も入力されず、2 番目のスライド アニメーションがトリガーされません。