sock.js 1.32 KB
Newer Older
1 2 3
require(['domReady', 'jquery', 'jquery.smoothScroll'],
    function(domReady, $) {
        var toggleSock = function(e) {
4 5
            e.preventDefault();

6 7
            var $btnShowSockLabel = $(this).find('.copy-show');
            var $btnHideSockLabel = $(this).find('.copy-hide');
8 9 10
            var $sock = $('.wrapper-sock');
            var $sockContent = $sock.find('.wrapper-inner');

11 12 13
            if ($sock.hasClass('is-shown')) {
                $sock.removeClass('is-shown');
                $sockContent.hide('fast');
14 15
                $btnHideSockLabel.removeClass('is-shown').addClass('is-hidden');
                $btnShowSockLabel.removeClass('is-hidden').addClass('is-shown');
16 17 18
            } else {
                $sock.addClass('is-shown');
                $sockContent.show('fast');
19 20
                $btnHideSockLabel.removeClass('is-hidden').addClass('is-shown');
                $btnShowSockLabel.removeClass('is-shown').addClass('is-hidden');
21
            }
22 23 24 25 26 27 28 29 30 31

            $.smoothScroll({
                offset: -200,
                easing: 'swing',
                speed: 1000,
                scrollElement: null,
                scrollTarget: $sock
            });
        };

32
        domReady(function() {
33 34 35 36
            // toggling footer additional support
            $('.cta-show-sock').bind('click', toggleSock);
        });
    });