easing issue

easing issue

Hi,

I managed this code from different tutorials and a lot of reading here on the jquery site. Everything is working as it should for now except for the easing effects...can't get it to work. What am i doing wrong?

thanks for any help

  1. $(document).ready(function(){

            var $contactb     = $('a[href*=#fourth]');
            var $skillsb    = $('a[href*=#second]');
            var $workb        = $('a[href*=#third]');
           
            $contactb.click(function() {
                if (location.pathname.replace(/^\//,") == this.pathname.replace(/^\//,")
                    && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
                        if ($target.length) {
                            var targetOffset = $target.offset().top;
                            contactClick();
                            $('html,body').delay(1000).animate({scrollTop: targetOffset}, 1000);
                                return false;
                        }
                }
            });
           
            $skillsb.click(function() {
                if (location.pathname.replace(/^\//,") == this.pathname.replace(/^\//,")
                    && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
                        if ($target.length) {
                            var targetOffset = $target.offset().top;
                            skillsClick();
                            $('html,body').delay(1000).animate({scrollTop: targetOffset}, 1000);
                                return false;
                        }
                }
            });
           
            $workb.click(function() {
                if (location.pathname.replace(/^\//,") == this.pathname.replace(/^\//,")
                    && location.hostname == this.hostname) {
                    var $target = $(this.hash);
                    $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
                        if ($target.length) {
                            var targetOffset = $target.offset().top;
                            workClick();
                            $('html,body').delay(1000).animate({scrollTop: targetOffset}, 1000);
                                return false;
                        }
                }
            });
           
            function contactClick() {
           
                $(".contact a").fadeTo(200, 0)
                $(".contact").animate({left: '256px', width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".skills a").fadeTo(200, 0);
                $(".skills").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".work a").fadeTo(200, 0);
                $(".work").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".fb a").fadeTo(200, 0);
                $(".fb").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".tw a").fadeTo(200, 0);
                $(".tw").animate({width: '0px', easing: 'easeOutBack'}, 1000);
           
            }
           
            function skillsClick() {
           
                $(".contact a").fadeTo(200, 0)
                $(".contact").animate({left: '256px', width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".skills a").fadeTo(200, 0);
                $(".skills").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".work a").fadeTo(200, 0);
                $(".work").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".fb a").fadeTo(200, 0);
                $(".fb").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".tw a").fadeTo(200, 0);
                $(".tw").animate({width: '0px', easing: 'easeOutBack'}, 1000);
       
            }
           
            function workClick() {
           
                $(".contact a").fadeTo(200, 0)
                $(".contact").animate({left: '256px', width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".skills a").fadeTo(200, 0);
                $(".skills").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".work a").fadeTo(200, 0);
                $(".work").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".fb a").fadeTo(200, 0);
                $(".fb").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".tw a").fadeTo(200, 0);
                $(".tw").animate({width: '0px', easing: 'easeOutBack'}, 1000);
                   
            }
           
            function fbClick() {
           
                $(".contact a").fadeTo(200, 0)
                $(".contact").animate({left: '256px', width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".skills a").fadeTo(200, 0);
                $(".skills").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".work a").fadeTo(200, 0);
                $(".work").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".fb a").fadeTo(200, 0);
                $(".fb").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".tw a").fadeTo(200, 0);
                $(".tw").animate({width: '0px', easing: 'easeOutBack'}, 1000);

            }
           
            function twClick() {
           
                $(".contact a").fadeTo(200, 0)
                $(".contact").animate({left: '256px', width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".skills a").fadeTo(200, 0);
                $(".skills").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".work a").fadeTo(200, 0);
                $(".work").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".fb a").fadeTo(200, 0);
                $(".fb").animate({width: '0px', easing: 'easeOutBack'}, 1000);
               
                $(".tw a").fadeTo(200, 0);
                $(".tw").animate({width: '0px', easing: 'easeOutBack'}, 1000);
                   
            }
    });