- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to toggle between two classes in jQuery?
To toggle between two classes in jQuery, use the addClass() and removeClass() method. You can try to run the following code to toggle between two classes in jQuery −
Example
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
$("a.active").removeClass("active");
$(this).addClass("active");
});
});
</script>
<style>
.active {
font-size: 22px;
}
</style>
</head>
<body>
<a href="#" class="one">One</a>
<a href="#" class="two">Two</a>
<p>Click any of the link above and you can see the changes.</p>
</body>
</html>
Updated on 14-Feb-2020 05:07:17
- Related Questions & Answers
- jQuery toggle() Method
- How to toggle a div visibility using jQuery?
- How to toggle between password visibility with JavaScript?
- How to remove all CSS classes using jQuery?
- How to remove all CSS classes using jQuery?
- How to create Slide Left and Right Toggle Effect using jQuery?
- How to discriminate between different classes?
- How to toggle between hiding and showing an element with JavaScript?
- How to put two public classes in a Java package.
- How to toggle menu items in JavaFX?
- How to Toggle Password Visibility in JavaScript?
- How to toggle text with JavaScript?
- How can I select an element with multiple classes in jQuery?
- How to toggle between a like/dislike button with CSS and JavaScript?
- How to create a Toggle Button in JavaFX?
Advertisements