Skip to content

Latest commit

 

History

History
46 lines (36 loc) · 890 Bytes

js_hover_delay.md

File metadata and controls

46 lines (36 loc) · 890 Bytes
Raw

JavaScript Hover Delay

Start Hover action after Delay. Useful for sidebar navigations.

Installation

  • copy js_hover_delay.js to app/assets/javascripts/hover_delay.js

Example

Dummy list

<aside>
    <ul>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
        <li>
            <a href="#">
                hover delay
                <ul class="mboxmenu">
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                </ul>
            </a>
        </li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
    </ul>
</aside>
aside .mboxmenu {
    display: none;
    position: absolute;
    border: 1px solid red;
    margin-left: 40px;
}

Documentation