Div는 첫 번째 클릭에서 아래로 슬라이드하지 않고 오른쪽에서 슬라이드합니다.

Question

내 작품을 나타내는 일련의 미리보기가 있습니다. 이미지를 클릭하면 축소판 행이 아래로 슬라이드되어 슬라이드 쇼와 정보가 맨 위에 표시됩니다. 첫 번째 클릭에서 slideDown 효과를하는 대신 갑자기 정보를 표시하는 문제가 있습니다. 그러나 첫 번째 클릭 후 slideDown 효과가 표시됩니다.

My website

Heres는 자바 스크립트 코드 :

$(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');