Div不会在第一次点击时向下滑动，但会在之后滑动

Question

我有一组代表我工作的缩略图。单击图像后，缩略图行向下滑动以显示幻灯片和信息。我有一个问题，它突然显示信息，而不是在第一次点击时执行slideDown效果。但在第一次单击后，它会显示slideDown效果。

My website

继承javascript代码：

$(function(){
    $('#thumbs li a, #full-thumbs li a').on('click', function(e){
      var href = $(this).attr('href');
        $('#inside').slideUp(400,function(){
          $('#inside').load(href).slideDown(400,'swing');
          $("html, body").animate({scrollTop: $('#top').offset().top }, 400);
            $.getScript('//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js');
            $.getScript('js/retina.js');
            $.getScript('js/jquery.bxslider.min.js', function () {
              $('.bxslider').bxSlider({
                adaptiveHeight: true,
                pager: false,
                auto: true,
                autoHover: true,
                mode: 'horizontal',
                touchEnabled: true
              });
            });
        });
      return false;
    });
  });

Answer 1

为什么要再次包含jQuery？

这一行不应该在那里

 $.getScript('//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js');