애니메이션 제어

데모

aniTarget

소스 코드

    $('input[type="button"]').click( function(e) {
            var $this = $(e.target);
            switch($this.attr('id')) {
                case 'fadeout':
                    $('#aniTarget').fadeOut('slow');
                    break;
                case 'fadein':
                    $('#aniTarget').fadeIn('slow');
                    break;
                case 'hide':
                    $('#aniTarget').hide();
                    break;
                case 'show':
                    $('#aniTarget').show();
                    break;
                case 'slidedown':
                    $('#aniTarget').slideDown('slow');
                    break;
                case 'slideup':
                    $('#aniTarget').slideUp('slow');
                    break;
                case 'mix':
                    $('#aniTarget').fadeOut('slow').fadeIn('slow').delay(1000).slideUp().slideDown('slow', function(){alert('end')});
                    break;
            }
        });