jQuery ui effect for not ui jquery

Question

Я не использую jquery UI, но я хотел бы сделать элемент слайд и показать в то же время, слева направо.

Так что эквивалентно функции Jquery UI ?:

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

благодаря

Answer 1

Как @DipeshParmar has commented, вы можете использовать .animate() для слайд элемент.

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

Демо:http://jsfiddle.net/zq6Rx/6/

Answer 2

попробовать это

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

fiddle here

Answer 3

Вы можете использовать opacity CSS свойство для hidden поля, как вы просили.

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

ИЛИ

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