Js 4 блока по клику увеличиваются

HTML

<div class="float">
  <div>Test</div>
</div>
<div class="float"></div>
<div class="float"></div>
<div class="float"></div>

CSS

.float {
  height: 80px;
  background: yellow;
  width: 120px;
  margin: 5px;
  float: left;
}

.size {
  height: 160px
}

JavaScript

document.onclick = function(e) {
  var el = e ? e.target : window.event.srcElement,
    active = this.querySelector('.size'),
    elCls;
  while (el != this) {
    elCls = el.className;
    elCls == 'float' && (el.className += ' size') || elCls == 'float size' && (el.className = 'float');
    el = el.parentNode || el.parentElement;
  }
  active && (active.className = 'float');
};