In this tutorial, we will be creating a simple Ajax-based Contact form using jQuery and PHP. Why Ajax? because your visitors don’t have to reload the page in order to send you email, they can simply click send button and the email gets sent instantly before their eyes, so it’s just fantastic, no more page reloads!

The verticle expand collapse can be achived using jQuery slideToggle(), but if you want to expand and collapse an element horizontally, you may have to write little more than just slideToggle(), because there’s no jQuery method for sliding element horizontally. Let’s find out how we can create a horizontal sliding element, that expands and collapse on button click.

Sooner or later we all are going to fall in love with the eye catching scroll effects that jQuery has to offer. Let’s look at some of wonderful jQuery scripts & plugins that implements smooth scrolling effects.

JSON (JavaScript Object Notation) is like XML, because they both are hierarchical, human readable and can be parsed using programming languages. But JSON is quicker, lightweight and more appealing than XML. Here we are going to use PHP generated JSON data and display its values in different elements using jQuery Ajax methods.