active-link

Tiny js library to highlight active page links in web page by adding given class to the element

Install

Include the script in the bottom of the body

<script src="https://cdn.jsdelivr.net/gh/rahulreghunath/active-link@latest/dist/active-link.min.js"></script>

---

How to use

Call the function

highlight({options})

---

Available Options

Name	Required	Type	Default	Description
activeClass	false	String	active	Class to added to active link element
container	true	String	none	Element's name, #id or .class in which contain the links to be highlighted. Element must be unique.
highlightParent	false	Boolean	false	To highlight parent element of link
parentLevels	false	Integer	1	If want to go more level upper from the link(a) element to add active class. Accepts only highlightParent = true

---

Example

highlight({container: 'nav', activeClass: 'active'});