Enlarge Image Demo

Use Jquery to enlarge the divs on click.

by sparkyShorts

HTML

<div class="image green"></div>
<div class="image yellow"></div>
<div class="image blue"></div>
<div class="image red"></div>

CSS

.image {
  width: 25px;
  height: 25px;
}

div.image.red {
  background: red;
}
div.image.blue {
  background: blue;
}
div.image.yellow {
  background: yellow;
}
div.image.green {
  background: green;
}

JavaScript

$('.image').on('click', function(){
    $(this).height('100px');
    $(this).width('100px');
  
});