Archive for the ‘jQuery’ Category

jQuery Simple Horizontal Accordion

After our tutorial last month showing how to create a vertical accordion menu using jQuery we have had a couple of requests asking how to make a horizontal accordion.

So we have decided to provide the following post, which…

jQuery Image Swap Using Click

In a previous post we showed a simple piece of jQuery code, which allows you to add the ability to swap images on hover to your website. Since then we have had several requests asking how to add a…

jQuery Simple Vertical Accordion Menu

Today’s jQuery tutorial is a perfect example of how easy it is to add a slick vertical accordion style menu to your website with just a few lines of jQuery code!

The HTML

First we create a nested unordered list,…

Change Order of Multiple Select Lists Using jQuery

In my last post I went through the code required to create an add/remove select list using jQuery.

Today’s post is going to expand on the earlier tutorial and add up/down buttons, which will allow you to change the…

Create Add & Remove Select Lists Using jQuery

JQuery makes it very easy to select specific elements and their attributes in your web page HTML.

In the following tutorial I will show you how to use just a few lines of jQuery to create an add/remove select list…

Simple Tabs with AJAX and jQuery

One of the great things about jQuery is its complete suite of built in AJAX functions, which allow you to add quick and easy features to your website.

The example below came from a recent project to create an internal…

Check Passwords Using jQuery

We have had several requests on how to use jQuery to check that passwords match in your website registration form when requesting visitors to re-enter their passwords.

This can easily be achieved by using similar code shown in our previous…

Using jQuery to Validate Search Box Input

Today’s tip is just another simple example of how you can use the versatile jQuery library to validate form input text in your website.

In a recent project a client required validation on a search form input that would only…

Using jQuery to Hide Multiple Email Addresses From Spam Harvesters

A few months ago we wrote about using jQuery and AJAX to hide your email address from spam harvesters. Although very effective it can get a little confusing if managing multiple email addresses throughout your website.

A simple solution…

Email Validation Using jQuery

A client recently wanted to include validation on their website registration form that would not only check that the input text was a genuine email address but also to disallow registration of any “free” email addresses.

Using jQuery we can…

Page 1 of 212»