Author: János Rácz
Twitter: Follow János Rácz on Twitter
We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.
One of the great advantages of creating interactive websites is being able to dynamically hide and reveal parts of your content. Not only does it make for a more interesting user experience, but it allows you to stuff more onto a single page than would otherwise be possible, but in a very elegant, non-obtrusive way, and without overwhelming the user with too much information at once.
In this tutorial, we'll create a sliding menu using the jQuery framework. You will find the downloadable source files at the end of the tutorial if you wish to use them on your website. But the main goal of this article is to show you some basic techniques for creating these kinds of effects and to provide you with the tools you need to realize your own creative ideas. This tutorial is aimed at beginner jQuery developers and those just getting into client-side scripting. You'll learn how to progressively build this simple effect from scratch.Read more...