使用缓动水平滑动div

我正在寻找一个隐藏/显示div鼠标进入div显示但是从左到右滑动缓动。

此外,我需要页面专注于刚刚滑出/显示的新div。

这是我的剧本。

关于我需要添加什么的想法?

$("#box0").mouseenter(function () { $("#lSection2").show('slide').delay(5000); $("#boxContent0").slideDown(3000); $("#boxContent0").focus(); }); $('#boxContent0').mouseleave(function() { $("#boxContent0").fadeOut(1000); $("#lSection2").fadeOut(1000); }); 
mouse over or click to view details
Win Big
- Ipad
- Holiday
- 1 Year Spa Treatments

 $(element).show('slide', { direction: 'left' }, 1000); $(element).hide('slide', { direction: 'left' }, 1000); 

http://docs.jquery.com/UI/Effects/Slide