<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js”></script> <script> jQuery(document).ready(function(){ jQuery(‘#btnSubmit’).on(‘click’, function() { jQuery(this).addClass(‘toggle’).removeClass(‘codepen’); }); }); </script> According To Question: #jQuery add remove class onclick codepen #Add Class jQuery […]
Change Div Order In Mobile View By jQuery
Web View […]
Display spinner with jQuery-ui autocomplete
Add below Class CSS in Your CSS style with loading.gif image .ui-autocomplete-loading{ background:url(‘https://3.bp.blogspot.com/-R10KlQEhZTc/WbOwpMZySlI/AAAAAAAAAGg/rOODPicyDeQEhEJYbOkXpi9Q4Sse3s-cgCLcBGAs/s320/loading.gif’) no-repeat right center !important;}
How to add external link in target and class
<head> <script src=”https://code.jquery.com/jquery-1.9.1.min.js”></script> <script type=’text/javascript’> $( document ).ready(function() { $(‘a’).filter(function() { return this.hostname && this.hostname !== location.hostname; }).attr(‘target’, ‘_blank’); $(‘a’).filter(function() […]
Blink By CSS
Blink By CSS <html><style>.blink_a_div a.blink_a_link{ border: 4px solid; font-size: 20px;}.blink_a_div a{ background-color: #AD906C; border: 1px; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Arial; font-size: 20px; […]
CSS Mouseover Zoom Effect
Mouseover Zoom Effect Use this CSS <style>.image{ -webkit-transition: 0.4s ease; transition: 0.4s ease; -moz-transform:0.4s ease;} .image:hover{ opacity: 0.8; transform: scale(1.05); -webkit-transform: scale(1.08); -moz-transform: scale(1.08);}</style>