JavaScript Tutorials — Buttons and Navigation

A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let's improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation.

Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time.

This tutorial will show you how to create a hidden Div and display it with the click of a link. There are a few reasons you may want to hide a Div in a website design. You may want to create a drop down type menu or a box that will show more information when you click a link. Another reason would be for SEO purposes. In theory hiding information in a Div is not against Google’s rules. As long as the user can still see the content when clicking a button you are not displaying different informat

How to turn unordered lists into tree menus with the help of jQuery Treeview in the MODx CMS. Also shows how to toggle each tree's visibility on and off.

Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we’re going to build a really cool animated navigation menu using just CSS and jQuery.

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I've always liked the way the menu on MooTools worked. So in this tutorial we'll recreate that same effect ... but we'll do it in jQuery!

One of the most popular usages of JavaScript is to create a drop down menu. This tutorial will show you how to make one.

Most people dislike JavaScript because it’s not that fast. But JS has some interesting features. We’ll talk about one of those today, making a div slide by hitting a single button.