jQuery addClass example

Change class name on click in jQuery

HTML

<div id='PageWrapper'>
<div id='robot'>
<p>Товарищи! постоянный количественный рост и сфера нашей активности влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Идейные соображения высшего порядка, а также постоянный количественный рост и сфера нашей активности обеспечивает широкому кругу (специалистов) участие в формировании системы обучения кадров, соответствует насущным потребностям. Задача организации, в особенности же сложившаяся структура организации требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Идейные соображения высшего порядка, а также реализация намеченных плановых заданий в значительной степени обуславливает создание систем массового участия.</p>
</div>
</div>

CSS

#robot{
  width: 96%;
  margin: 0;
  padding: 0 2%;
  background: #ccc;
  position:relative;
  float: left;
}
#PageWrapper{
  width: 100%;
  display: block;
  position: relative;
  float: left;
  overflow:hidden;
  margin: 0;
  padding: 0;
}

JavaScript

var iterationsNmbr=50;
function RunMargin(){
   if(iterationsNmbr==50){
   console.log("RunMargin first run");
   }
   
   var robot = document.getElementById('robot');
   
    if(iterationsNmbr==50){
    	var rbtStl=robot.style.marginLeft;
    }else{
    	var rbtStl=parseInt(robot.style.marginLeft.replace('px',''));
    }
      
   rbtStl=rbtStl+10;
   robot.style.marginLeft=rbtStl+'px';
   setTimeout(function(){ 
   	console.log("iterations left:"+iterationsNmbr+"\n current margin:"+rbtStl); 
    iterationsNmbr=iterationsNmbr-1;
    if(iterationsNmbr > 0){
    	RunMargin();
    }
   }, 1500);
}

RunMargin();