Question

I am making a side menu that pops out when you click the tab. I have come to the point where I do not know how to continue on, I need the class on the tab div to change to “sideopen” when it is clicked. I have tried attr(); and I also tried removeClass(); and addClass(); but to no avail.

Here is the code on JSFiddle: http://jsfiddle.net/bGKvR/

Also, I am a newbie to JS/JQuery so any advice to cleaning the code up is extremely appreciated.

Answer 1

I just looked over it but you should consider learning basic programming.

$(".sideclosed").click(function () {
  var $this = $(this);
  $('#sidepanel, #sidepaneltab').animate({
    left: ($this.hasClass("open") ? '-' : '+') + '=200' // if it should open use '+' else use '-'
  }, 1000);
  // now toggle open class
  $this.toggleClass("open");
});

also Fiddle here!