Sidr es un plugin para jQuery que nos permite crear menús laterales deslizantes totalmente configurables, ideal para sitios web responsive, ya que el menú se mostrará cuando el usuario lo requiera.

El menú puede configurarse para que se muestre a la derecha o a la izquierda de la página, y ofrece múltiples formas para mostrar el contenido. En diseños responsive, el menú se conecta con un botón que se muestra en tamaños de pantalla específicos, haciendo útil la navegación desde pantallas pequeñas.

FORMA DE USO:

<!DOCTYPE html>
<html>    
<head>
<link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css">
</head>
<body>
    <a id="simple-menu" href="#sidr">Toogle menu</a>
    <div id="sidr">
        <ul>
            <li><a href="#">List 1</a></li>
            <li class="active"><a href="#">List 2</a></li>
            <li><a href="#">List 3</a></li>
        </ul>
    </div>
    <script src="javascripts/jquery.js"></script>
    <script src="javascripts/sidr/jquery.sidr.min.js"></script>
    <!-- Ejecutamos el plugin -->
    <script>
        $(document).ready(function () {
            $('#simple-menu').sidr();
        });
    </script>
</body>
</html>

Web: http://www.berriart.com/sidr/
Descarga: https://github.com/artberri/sidr