jquery add remove class clicked element
$(function() {
$('img').click(function() {
$(this).toggleClass('active');
});
});jquery add remove class clicked element
$(function() {
$('img').click(function() {
$(this).toggleClass('active');
});
});toggle jquery remove others
$(".nav-link").click(function () {
// If the clicked element has the active class, remove the active class from EVERY .nav-link>.state element
if ($(this).hasClass("active")) {
$(".nav-link").removeClass("active");
}
// Else, the element doesn't have the active class, so we remove it from every element before applying it to the element that was clicked
else {
$(".nav-link").removeClass("active");
$(this).addClass("active");
}
});jquery remove and add class
$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );
//OR
if ($( "#foo" ).hasClass('className')) {
$( "#foo" ).removeClass( 'className');
} else {
$( "#foo" ).addClass( 'className');
}add and remove class in jquery
$('#toggle li').on('click', function () {
$(this).toggleClass('open')
});toggle one class add and one class remove same time and after click remove class add and add class remove jquery
function viewPastClass(id) {
var class_date = $('#pastclassdata' + id).val();
// alert(class_date);
// $('#plclasses').hide();
$.ajax({
type: 'GET',
url: '{{ url("/teacher/class/viewPastClass") }}',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
'class_date': class_date,
},
success: function(result) {
$('#plclasses').show(class_date);
},
error: function() {}
});
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
