Raw Source Toggle Dropdown

• Minified Source

Arseniit / CanadianTireMenu

// ==UserScript==
// @name CanadianTireMenu
// @description Dropdown menu for canadiantire.ca 
// @version 0.1
// @author Arseniit
// @license MIT
// @include *
// @icon http://pics.smotri.com/cskins/blue/smiles/bt.gif
// @run-at document-end
// @grant none
// ==/UserScript==

// ==UserScript==
// @name         CanadianTireMenu
// @namespace    https://github.com/ArseniiT/
// @version      0.1
// @description  pull-down menu for CanadianTire.ca
// @author       https://github.com/ArseniiT
// @match        http://www.canadiantire.ca/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...

    var hdr = document.getElementsByClassName("global-header--sticky");

    hdr[0].style.transition = 'all 2s ease';
    hdr[0].style.marginTop = '-161px';
    window.scrollBy(0, 150);


    hdr[0].onmouseover = function() {
        this.style.transition = 'all 0.4s ease';
        this.style.marginTop = '0px';
    };

    hdr[0].onmouseout = function() {
        this.style.transition = 'all 2s ease';
        this.style.marginTop = '-161px';
    };
})();