не срабатывает fadeIn
 

Повторный fadeIn не работает

<style>
    .maingallery {
        display: none;
     }
</style>
<script>
$(document).ready(function(){
    var mainGallery = $('<div>').addClass('maingallery');
    $(document).bind('click', function(event){
        var target = event.target||event.srcElement;
            if(!$('.maingallery').length) {
                $('body').append(mainGallery);
                $('.maingallery').fadeIn(600);
            } else{
                $('.maingallery').remove();
                };
    });
});
</script>

строка 8 удалить лишнее

Перенес строку 8 внутрь обработчика и все получилось