Slide/Push Gsoc

$(document).ready(function() {

    $('#nav-button').on('click', function() {
        var navBar = document.getElementById('nav-wrapper');
        var menu = $('.menu');
        var toSlide = $('.slide'); //array de items
        var body = document.body;


        function getOpacity(element) {
            var opacity = window.getComputedStyle(element, null).getPropertyValue('opacity');
            console.log("La opacidad es " + opacity);
            return opacity;
        }

        function showNav(elemWidth) {
            //opacity del aside
            TweenLite.to(navBar, 0.01, {
                autoAlpha: 1
            });
            // width del aside
            TweenLite.to(navBar, 0.3, {

                width: elemWidth,
                ease: Power2.easeInOut
            });
            // all of menu
            TweenLite.to(menu, 0.2, {
                autoAlpha: 1,
                width: 100,
                ease: Power2.easeInOut,
                delay: 0.1
            });
        }

        function hideNav() {
            TweenLite.to(menu, 0.2, {
                autoAlpha: 0,
                width: 0,
                ease: Power2.easeInOut,

            });
            TweenLite.to(navBar, 0.3, {

                width: 0,
                ease: Power2.easeInOut
            });
            TweenLite.to(navBar, 0.01, {
                autoAlpha: 0,
                delay: 0.3
            });
        }

        function slideElements(elements) {
            for (var i = 0; i < elements.length; i++) {
                TweenLite.to(elements[i], 0.3, {
                    marginLeft: 250,
                    ease: Power2.easeInOut
                });
            }
        }



        function unSlideElements(elements) {
            for (var i = 0; i < elements.length; i++) {
                TweenLite.to(elements[i], 0.3, {
                    marginLeft: 0,
                    ease: Power2.easeInOut
                });
            }
        }
        /* Alternativa al body */
        function bodySlide() {
            TweenLite.to(body, 0.3, {
                marginLeft: 250,
                ease: Power2.easeInOut
            });
        }

        function bodyUnSlide() {
            TweenLite.to(body, 0.3, {
                marginLeft: 0,
                ease: Power2.easeInOut
            });
        }

        // TOGGLE BUTTON FUNCTIONALITY
        if (getOpacity(navBar) == 0) {
            showNav(250);
            slideElements(toSlide);
            //bodySlide();

        } else {
            hideNav();
            unSlideElements(toSlide);
            //bodyUnSlide();
        }

    });


});