I recently attempted to implement THIS plugin on a small project of mine. Despite reviewing the USAGE section multiple times and examining the example files provided after downloading from git (unfortunately, none of them seemed to work!), I have constructed the following HTML:
<div class="sb-slidebar sb-left sb-style-push">
<!-- Your left Slidebar content. -->
<p>Just a line of text to demonstrate the push effect.</p>
</div>
<div id="sb-site">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, tenetur fuga voluptas ducimus quis nulla velit esse suscipit, quidem tempore. Quisquam quod nisi, magni labore dolorem corporis, cum modi nobis!
</div>
In addition, I have included the following jQuery initialization code:
$.slidebars();
Along with linking the necessary sidebar CSS and JS files. However, despite my efforts, the plugin does not seem to be functioning properly. I suspect that the hamburger icon is generated internally within the sidebars JS script. Though unsure of its inner workings, I am unable to create the desired sidebar menu. Can someone please assist me in identifying where I may have gone wrong?
Check out the FIDDLE HERE.
My main goal is simply to get this sidebar menu up and running smoothly.