еще решение
<body>
<style>
.float {
height: 20px;
background: yellow
}
.size {
height:100px
}
</style>
<div class="float"></div>
<script>
(function () {
var element = document.querySelector('.float');
document.onclick = function (e) {
var target = e && e.target || e.srcElement;
element.classList[target.className == 'float' ? 'add' : 'remove']('size');
return false;
}
})();
</script>
</body>