JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/11791603/how-do-i-create-a-scrolling-menu-using-html-or-css-code

by lalatino

HTML

<div id="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">About</a></li>
    </ul>
</div>
<div id="toggle_nav">&lt;&gt;</div>

<p>content</p>

CSS

#nav {
    position:relative;
    border:1px solid #ccc;
    margin: 1em 8em 1em 1em;
    right:0px;
}

#nav ul li {
    float:left;
    margin-left: 1em;
}

#toggle_nav {
    float:left;
}

JavaScript

$(document).ready(function() {
    $('#toggle_nav').click(function() {
        var nav = $('#nav');
        //alert(nav.css('left'));
            nav.animate({
                right: (nav.css('right') == '0px')? nav.css('width'):'0'
            }, 4000);
    });
});