Similar to accordion tabs are also used to group related data on the page. Only one tab content is visible at a time.
It occupies less space on the page.
In this tutorial, I show how you can create a simple tabs layout using JavaScript.
Javascript Tutorials
Our Javascript tutorials are up to date and well explained step-by-step using live examples so you can learn Javascript fast and you can download scripts.
How to Create simple Accordion using JavaScript
Accordion is an expandable and collapsible container which used to manage related data. It consumes less space and shows content in a user-friendly format.
There are already lots of jQuery plugins for implementing this, like – jQuery UI, Bootstrap, accordion.js, etc.
In this tutorial, I show how you can create accordion using JavaScript.
How to Autocomplete textbox using JavaScript and PHP
Javascript Autocomplete textbox helps the user to pick an item from the suggestion list based on the input. It occupies less space on the page. It’s designed to give you a smooth experience while using minimal space on your webpage, making your interface look neat and organized.
Data is not preloaded on the page. Instead, it dynamically loads data using AJAX as soon as the user starts typing.
In this tutorial, I show how you can create autocomplete textbox with MySQL database data using JavaScript and PHP.
How to Check if element has class in JavaScript
CSS classes are very helpful when need to add same style on multiple HTML elements. However, classes are not limited to styling alone; they also enable us to perform various actions based on the presence or absence on an element.
In this tutorial, I show how you can check specific class on single or multiple elements using JavaScript with examples.
