jquery - uiではないjqueryのjQueryui効果

Question

jquery UIを使用していませんが、要素のスライドと表示を同時に左から右に作成したいと思います。

では、jquery UIと同等の機能はどれですか？：

$(function(){
$(element).show('slide', {direction: 'right'},1000);
});

ありがとう

Answer 1

要求に応じて、フィールドにopacitycssプロパティを使用できます。hidden

$("#element").animate( { "opacity": "show", left:"200px"} , 1000 );

また

$("#element").animate( { "opacity": 1, left:"200px"} , 1000 );

Answer 2

これを試して

$(element).hide().animate({width: 'toggle'});

ここでフィドル

Answer 3

@DipeshParmar がコメントしたように、要素.animate()をスライドさせるために使用できます。

$(".box").animate({left: "200px", opacity: 1}, 4000);  

ライブデモ: http://jsfiddle.net/zq6Rx/6/