Непонятки с выезжающей панелью

        $(function() {
            $('#show_info_panel').click(function(e) {
                var $info_panel = $('#info_panel');
                
                if ($info_panel.css('display') != 'block') {
                    $info_panel.animate({right: "0px"}, 1000);
                    $info_panel.show();
                    var firstClick = true;
                    $(document).bind('click.myEvent', function(e) {
                        if (!firstClick && $(e.target).closest('#info_panel').length == 0) {
                            $info_panel.animate({right: "-400px"}, 1000);
                            $info_panel.hide();
                            $(document).unbind('click.myEvent');
                        }
                        firstClick = false;
                    });
                }
                e.preventDefault();
            });
        });

$(function () {
     var $info_panel = $('#info_panel'),
         isOpen = false;
     $('#show_info_panel').on('click', function(e) {
         $info_panel.finish().animate({
             right: isOpen ? -400 : 0
         }, 1000, function(){
             isOpen = !isOpen;
         });
     });
 });

 $(function () {
     var $info_panel = $('.info_panel');
     $('#show_info_panel').click(function(e) {
         $info_panel.toggleClass('slide_panel');
     });
 });