使用jQuery 1.7.2的水平幻灯片动画。？

任何人都可以建议使用jQuery 1.7.2库实现水平幻灯片动画，而不使用jQueryUI库。 到目前为止，通过这个设置，我已经成功实现了垂直幻灯片

$('#selectorId').fadeIn(1000); 

并且淡化使用：

 $('#selectorId').slideToggle('slow'); 

另外请不要我已经排除了使用CSS进行转换，因为据我所知，你不能以这种方式做回调函数。

Answer 1

你可以使用jQuery的animatefunction： 小提琴

 $('#toggle').click().toggle(function() { $('#box').animate({ width: 'hide' }); }, function() { $('#box').animate({ width: 'show' }); }); 

最初在这里找到： http ： //bueltge.de/test/jquery_horizo​​ntal_slide.php

Answer 2

您可以使用JQueryUI中的效果模块。

  Slide toggle the box 
This is the box that will be toggled
  

JQuery的

 //hide box per default $('#box').hide(); $('#slidetoggle').click(function() { $('#box').toggle('slide', 400); return false; }); 

CSS（只是看一些概述）

 #box { background: #EEE; border: 1px solid #900; height: 135px; display: none; } 

Jsfiddle： http ： //jsfiddle.net/HAQyK/1238/