jQuery ui effect for not ui jquery

Question

I'm not using jquery UI but i would like to make element slide and show at same time, from left to right.

So which is the equivalent function of jquery UI?:

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

thanks

Answer 1

As @DipeshParmar has commented, you can use .animate() to slide an element.

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

Live Demo: http://jsfiddle.net/zq6Rx/6/

Answer 2

try this

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

fiddle here

Answer 3

You can use opacity css property for hidden field as you asked.

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

OR

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