Slyder
a responsive slider navigation faq jQuery plugin
Package manager
//bowerbower install --save yohohoslyder
//npmnpm install yohohoslyder
Install
<!-- In your <body> HTML tag --> <!-- slyder faq --> <!-- 1 --> Question 1 › ‹ Question 1 <!-- 1.1 --> Question 1.1 › ‹ Question 1.1 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in. <!-- 1.2 --> Question 1.2 › ‹ Question 1.2 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in. <!-- 2 --> Question 2 › ‹ Question 2 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in. <!-- 3 --> Question 3 › ‹ Question 3 <!-- 3.1 --> Question 3.1 › ‹ Question 3.1 <!-- 3.1.1 --> Question 3.1.1 › ‹ Question 3.1.1 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in. <!-- 3.1.2 --> Question 3.1.2 › ‹ Question 3.1.2 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in. <!-- 3.2 --> Question 3.2 › ‹ Question 3.2 Vivamus id nulla orci. Integer scelerisque ut lacus a ultrices. Praesent sit amet aliquet purus, varius tempus augue. Aliquam nec diam lacinia, porta enim eget, venenatis purus. Praesent mollis nisi a diam volutpat suscipit. Nam pretium elit mauris, eget laoreet massa scelerisque in.
//in your main JS file;
Settings
Option | Type | Default | Description |
---|---|---|---|
back | string | '.s-back .s-link' | CSS selector to find back link navigation |
current | string | 's-current' | CSS class applied to current item |
hidden | string | 's-hidden' | CSS selector to find hidden item to display |
item | string | '.s-item' | CSS selector to find sub items |
link | string | 'h3 .s-link' | CSS selector to find link navigation |
wrapper | string | 'slyder-wrapper' | CSS class applied to wrapper |
Dependencies
jQuery 2.1.4
Authors and Copyright
Made with ♥ by Achraf Chouk
Please, read LICENSE for more details.