How to Create a Slide-out Panel at the Top of Your Website Using jQuery

How to Create a Slide-out Panel at the Top of Your Website Using jQuery

In this tutorial we’ll show you how to create a panel with slide-out content at the top of you page (like the one in this page) using jQuery. It is required that you have basic knowledge in HTML, CSS and jQuery to complete the tutorial.
1. Building the HTML
Here’s the basic structure of the HTML we’ll need for our slide-out panel.
<div id=”slider”>
<div class=”wrap”>
<div class=”slider-top”>

(read full article on source site)