How to trigger a function when a class is added and removed

Question

I want to trigger a function that add class for animate to nav li sequentially on every time I toggle class for open menu

//this is my script

$(document).ready(function() {
document.querySelector("#nav-toggle") 
.addEventListener("click", function() {
this.classList.toggle("active");
$(".menu-wrapper").toggleClass("show-menu");
});  // menu toggle class function
}); //add class for menu

var addClassToEl = function($el) {
$el.addClass('nav-reveals'); // addclass sequentially to nav elements
};

$('.side-menu li').each(function(i, el) {
setTimeout(function() {addClassToEl($(el))}, i++ * 200);
//set delay for each elements
});

Check this Link http://stackoverflow.com/questions/19401633/how-to-fire-an-event-on-class-change-using-jquery — Karthikeyan Sekar, Aug 05 '16 at 12:30

score 0 · Answer 1 · answered Aug 05 '16 at 12:53

Check this Link http://jsbin.com/foqajanoya/edit?html,js,output

$('button').on('click',function(e) {
  //do something
  var $inp=$("input");
  var $val= $("input").val();
  $inp.attr('class',$val);
  if($inp.hasClass('active')){
    alert(' is active: Show Menu');
  }
});


<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input class="sac"/><button>OK</button>
</body>
</html>

How to trigger a function when a class is added and removed

1 Answers1