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

使用jQuery 1.7.2的水平幻灯片动画。?,jquery,animation,jquery-animate,transition,Jquery,Animation,Jquery Animate,Transition,有人能提出一种方法来使用jQuery 1.7.2库而不使用jQueryUI库来实现水平幻灯片动画吗。到目前为止,通过这种设置,我已经使用 $('#selectorId').fadeIn(1000); 以及使用以下功能进行淡入: $('#selectorId').slideToggle('slow'); 另外,请不要介意,我已经排除了使用CSS进行转换的可能性,因为据我所知,您不能以这种方式执行回调功能。您可以使用jQuery的动画功能: 最初在这里找到:您可以使用JQueryUI的效果模块

有人能提出一种方法来使用jQuery 1.7.2库而不使用jQueryUI库来实现水平幻灯片动画吗。到目前为止,通过这种设置,我已经使用

$('#selectorId').fadeIn(1000);
以及使用以下功能进行淡入:

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

另外,请不要介意,我已经排除了使用CSS进行转换的可能性,因为据我所知,您不能以这种方式执行回调功能。

您可以使用jQuery的
动画功能:


最初在这里找到:

您可以使用JQueryUI的效果模块

<a href="#" id="slidetoggle">
    Slide toggle the box
    <div id="box">This is the box that will be toggled</div>
</a>
CSS(只是为了看一些大纲)

Jsfiddle:

谢谢您的回答。很遗憾,我不能使用jQueryUi:(
<a href="#" id="slidetoggle">
    Slide toggle the box
    <div id="box">This is the box that will be toggled</div>
</a>
//hide box per default
$('#box').hide();
$('#slidetoggle').click(function() {
    $('#box').toggle('slide', 400);
    return false;
});
#box {
    background: #EEE;
    border: 1px solid #900;
    height: 135px;
    display: none; 
}