How To Create A jQuery Dropdown Div

Share this post!

Vote this!

Welcome to our latest online tutorial, in this tutorial we look at jQuery, Css and Html to show you how easy it is to create a dropdown div using Html, Css, jQuery and only a little bit of coding!

Html Side Part Of The Tutorial

First all you need to do is insert a div just after the body tag.
Lets class the div with dropdowndiv so we know what the div is for, see example below:

<div class="dropdowndiv"></div>

Now lets put some text in it and a link to close the div as we dont want it visible all the time after we have pressed the button.
You should have something like this:  more...