私の作品を表す一連のサムネイルがあります。画像をクリックすると、サムネイルの行が下にスライドしてスライドショーと情報が表示されます。最初のクリックで slideDown 効果を実行する代わりに、情報が突然表示されるという問題があります。しかし、最初のクリックの後、slideDown 効果が表示されます。
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;
});
});