jQuery Dropdown multi-select with select all functionality and color indicators

UI Components

Demo See the Pen Multiselect Dropdown – jQuery by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div class=”msdd”> <div class=”msddTop”></div> <div class=”msddMenu” style=”display:none;”> <ul>...

jQuery Search text inside div to any level and add a class to parent element.

jQuery

I hope this code will help you get to what you need or atleast take you near to it. I created it to search text inside cards where user writes some text in input tag and the results is displayed by hiding all those who does not have that string. This script can...

Text aligning center vertically and horizontally in an anchor tag – CSS

CSS

Add the following styles to the anchor tag to center/middle align it both horizontally and vetically. a.center-align{ display: flex; flex-direction: column; justify-content: center; text-align: center; }

How to check if current URL has a string? – JavaScript

JavaScript

You just need to add follwing script to the if else statement in JavaScript to know that the loaded page URL has the given string. You can use it anywhere in head or body tag, on or without document load. <script> if (...

Generic Javascript code for hide-show input-password

HTML, JavaScript, jQuery

See the Pen Input field – show hide password by Puneet Sharma (@webdevpuneet) on CodePen. HTML <div> <input id=”password1″ type=”password” class=””> <span class=”toggle-password”...