jQuery issue with addClass and removeClass in IE 9

JavaScript
1

In the following snippet of code, I’m trying to use addClass and removeClass to do some stuff with a tiny slider menu. As per IE9’s “Developer Tools”, I can’t seem to notice the class change take effect. Can someone explain to me why?

$('.content-bottom .toggle').click(function(){

   if($(this).hasClass('close')){
      console.log('a');
      $('.content-bottom').animate({right: 0},'slow');
      $(this).removeClass('close');//DOES NOT WORK IN IE9
      $(this).addClass('open');//DOES NOT WORK IN IE9
      return false;
   }
                
   if($(this).hasClass('open')){
      console.log('b');
      $('.content-bottom').animate({right:initialLegendRight}, 'slow');
      $(this).removeClass('open');//DOES NOT WORK IN IE9
      $(this).addClass('close');//DOES NOT WORK IN IE9
      return false;
   }

});
2

IE’s current developer tools don’t have real time updates to show attribute changes and what not, you need to hit the small refresh icon in the top left of the developer tools in order to see a change occur. IE11 will come with this feature but until it’s released to the world we’re stuck with what we have.