jquery - 为简单的幻灯片/ jquery添加一个轻松

Question

我终于为我的新页面找到了完美、简单的 jquery 代码：

<script type="text/javascript">
 $(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});
</script>

我想添加缓动函数和时间，就像在这段代码中一样：

  $('#mypage-info').slideToggle('2000', "easeOutBounce", function () {
      // Animation complete.
   });
});

我的猜测是：

<script type="text/javascript">
 $(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv")..slideToggle('2000', "easeOutBounce", function () {

    });

});
</script>

但我得到一个错误......

Answer 1

只需删除.您拥有的双倍。您有语法错误。改变：

$(".slidingDiv")..slideToggle('2000', "easeOutBounce", function () {

对此：

$(".slidingDiv").slideToggle('2000', "easeOutBounce", function () {