jQueyr Sidebar, para mostrar contenido a los lados



jQueyr Sidebar, para mostrar contenido a los lados, este plugin lo puedes utilizar para presentar tú información en un sidebar(columnas de contenido) lo interesante de este plugin es que sólo necesitas un contenido dentro de una etiqueta con una clase en específico (Con el cual el plugin tendra acceso para la manipulación), todo este efecto lo logras al incluir unos cuantos scripts en tú documento html.
Tendrá una funcionalidad muy buena, lo puedes utilizar para mostrar y ocultar información de los sidebar en las posiciones: izquierda, derecha, arriba, abajo.
También puedes crear botones para abrir a la izquierda a la derecha arriba y abajo y posteriormente puedes crear otros botones de control para cerrar mediante un click ls sidebar abiertos.
La implementación no es compleja, simplemente hay que incluir la librería jquery sidebar, incluir el div o etiqueta de contenido y los scripts de control del sidebar,
Este plugin te puede servir para crear menús de acceso emergentes o simplemente accesos a contenidos escondidos.
A continuación código:
incluir referencia a los archivos .js (plugins).

<script src="path/to/jQuery-sidebar.min.js"></script>

Etiqueta de contenido del sidebar, con la clase de acceso:

<div class="sidebar left">Hello World</div>

Scripts de control:

<script>
    // Sidebar on left (default)
    $(".sidebar.left").sidebar().trigger("sidebar:open");
</script>

Puedes ver el ejemplo funcionando en el siguiente enlace: http://jillix.github.io/jQuery-sidebar/

You may also like...