jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS

.box {
  height: 100px;
  width: 100px;
  background: black;
  float: left;
  margin: 10px;
  transform: translateX(-500px);
  transition: all 0.45s;
}

.unbox {
  transform: translateX(0px);
}

JavaScript

$('.box').each(function() {
  var $this = $(this);
  $this.addClass('unbox')
});