Dynamic Element Highlighting Plugin - jQuery Active and Deactive

File Size: 6.27 KB
Views Total: 539
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Dynamic Element Highlighting Plugin - jQuery Active and Deactive

Active and Deactive is a jQuery plugin to render a dynamic list that has the ability to highlight the current list item by applying different CSS styles to Active and Inactive items.

How to use it:

1. Include jQuery library and the active-and-deactive.js script on the web page when needed.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
<script src="active-and-deactive.js"></script>

2. Define the list data in the JavaScript:

var myData = [

3. Create an element to place the generated list.

<div class="active-deactive-section"></div>

5. Render a basic data list in the container element.

  ListItem: myData

6. Apply custom styles to Inactive items.

.custom-deactive {
  background: #ccc;
  color: #1b1919;

This awesome jQuery plugin is developed by hariom15791. For more Advanced Usages, please check the demo page or visit the official website.