Jquery Div不完全显示屏幕的动画

好的，当我运行这个jquery代码时，我基本上是在单击一张图片，然后一个div滑入，当我按escape键或在div外单击时，什么都没有发生。。。但是，如果我再次单击图片，我还想将div滑入。问题是，如果我再次单击div，它会立即滑入，而不会保持漂浮状态

jquery代码：

$(document).ready(function(){
    $(".mirror_content").hide(); 
    $('#mir_way').on('click' , function() {
        $('#mir_way').toggle(function(){ 
            $('#mirror').stop().animate({width:"1109px", opacity: 1 ,  margin: "0 235px 0 0"}, 100, function() {
                $('.mirror_content').fadeIn('slow'); 
            });  

            $(window).on('keyup', function(event) {
                if(event.which === 27) {
                    $('.mirror_content').fadeOut('slow', function() { 
                        $('#mirror').stop().animate({width:"0", opacity:0.1}, 100);
                    });
                }
            });

            $(window).on('mouseup', function (e)
            {
                var container = $("#mirror");

                if (container.has(e.target).length === 0)
                {
                    $('.mirror_content').fadeOut('slow', function() {  
                        $('#mirror').stop().animate({width:"0", opacity:0.1}, 100);    
                    }); 
                }
            });
        }, function(){ 
            $('.mirror_content').fadeOut('slow', function() { 
                $('#mirror').stop().animate({width:"0", opacity:0.1}, 100); 
            });
        });
    }).trigger('click');
});

---

你能在jsfiddle.net上提供一个工作示例吗？jsfiddle没有给出输出：/huh？添加一些html，这样我们就知道您在使用@cgatian做什么：JFIDLE中的动画不正确。好吧，我会更好地向你解释。我点击的是图片，当我点击图片时，一个div从右边滑入，当我按下escape或在div外点击时，滑入的div淡出，如果我再次点击图片，div就会显示，当我再次点击图片滑入时，div会滑入，但在屏幕的右侧仍然可见。。。需要截图吗？你是说小提琴可以用？