Simple Tab content area with HTML, CSS and jQuery

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes it easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery

Read more

How to make Accordion with HTML, CSS and jQuery

The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.

In this tutorial, I show how you can create the accordion using HTML, CSS, and jQuery.

How to make Accordion with HTML, CSS and jQuery

Read more