Div doesn't slide down on first click, but slides right after

Div doesn't slide down on first click, but slides right after

I have a set of thumbnails that represent my work. Once you click on a
image the row of thumbnails slides down to reveal a slideshow and
information up top. I'm having a problem that it abruptly shows the
information instead of doing the slideDown effect on the first click. But
after the first click it displays the slideDown effect.
My website
Heres the javascript code:
$(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;
});
});