Material Icon toggling

Developer
UX Snippets
Size
1,583 Kb
Views
28,336
  1. Material Icon toggling Previews
  2. Material Icon toggling HTML Codes
  3. Material Icon toggling JS Codes

How do I make an material icon toggling?

What is a material icon toggling? How do you make a material icon toggling? This script and codes were developed by UX Snippets on 27 October 2022, Thursday.

Material Icon toggling Previews
IQ Test

Material Icon toggling - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Material Icon toggling</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
</head>
<body> <a class="btn-class" href="#"><i class="material-icons large add">add</i></a> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Material Icon toggling - Script Codes JS Codes

$('.btn-class').on('click',function(){	if ($(this).find('i').text() == 'add') { $(this).find('i').text('remove');	} else { $(this).find('i').text('add');	}
});
Material Icon toggling - Script Codes
Material Icon toggling - Script Codes
Home Page Home
Developer UX Snippets
Username appirio-ux
Uploaded October 27, 2022
Rating 3
Size 1,583 Kb
Views 28,336
Do you need developer help for Material Icon toggling?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

UX Snippets (appirio-ux) Script Codes
Name
Responsive table with data-labels
Update for IE11 support
CSS Org Chart
Weekly Email - 02
Bootstrap Table
Range Slider
Animated SVG
SampleColors
CSS Tooltip Test
A Pen by UX Snippets
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!