Interestingly, the “panels” are found within the container itself. The background panel is the first element and the “slider” is the second element.
The developer can also set the “hangover” of the sliding panel (as in, I want it to hangover the edge by 20 pixels).
<div class="slidebox" data-speed="500" data-animate-background="http://test.iministries.org/true" data-direction="up" data-hangover="30" data-easing="easeOutExpo"> <div>Main Content</div> <div>Sliding Panel</div> </div>
Released under the MIT license, so go crazy with it.
If you use it, maybe just throw a comment on the blog here so I can show my mom that some people really do like me.