http://snipplr.com Snipplr comments feed' en-us Fri, 24 May 2013 12:27:21 GMT http://snipplr.com/view/3561/addclass-removeclass-hasclass/ Or if for some reason that code doesn't display again: div id="div1" class=" hide" /div div2 id="div2" class=" cf makeFull" /div Side-note: Dude, where is the edit post button. ]]> Thu, 19 Jul 2012 06:50:06 GMT http://snipplr.com/view/3561/addclass-removeclass-hasclass/ http://snipplr.com/view/3561/addclass-removeclass-hasclass/ var div1 = document.getElementById('div1'); var div2 = document.getElementById('div2'); var failsafe = document.getElementsByClassName('failsafe'); var hide = document.getElementsByClassName('hide'); var listener1 = addEvent(div1,'mouseover',toggleDiv); var listener2 = addEvent(div1,'mouseover',toggleDiv); for (var i=0; i< failsafe.length; i++){ var singleFailsafe = failsafe[i]; } function toggleDiv(){ if(hasClass(div1,'failsafe')&&hasClass(div2,'failsafe')){ //hide div1 by removing the failsafe class // and adding the hide class removeClass(div1,'failsafe') addClass(div1,'hide') //make div2 take up all of the containing div //within branding by removing failsafe and adding makeFull removeClass(div2,'failsafe') addClass(div2,'cf') addClass(div2,'makeFull') }else if(hasClass(div1,'hide')&&hasClass(div2,'makeFull')){ //resize div2 by switching out cf and makeFull to failsafe. removeClass(div2,'makeFull') removeClass(div2,'cf') addClass(div2,'failsafe') //show div1 by switching hide back to failsafe. removeClass(div1,'hide') addClass(div1,'failsafe') } } in the browser returns this: notice the 2 spaces added before hide when either the hide class is applied or when the failsafe class is removed. the same thing happens to div 2...it adds 2 spaces before cf but only one space between cf and makeFull (like it's supposed to). I'm relatively new to js but I don't understand the regular expressions thing and I've tried removing all of the spaces in my code and that didn't work... ]]> Thu, 19 Jul 2012 06:38:52 GMT http://snipplr.com/view/3561/addclass-removeclass-hasclass/ http://snipplr.com/view/3561/addclass-removeclass-hasclass/ Tue, 29 Mar 2011 02:07:47 GMT http://snipplr.com/view/3561/addclass-removeclass-hasclass/ http://snipplr.com/view/3561/addclass-removeclass-hasclass/ Fri, 14 Jan 2011 19:14:07 GMT http://snipplr.com/view/3561/addclass-removeclass-hasclass/