为简单的幻灯片/ 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 () {