css show full image on click

http://stackoverflow.com/questions/36675905/css-show-full-image-on-click-div

by fido3993

HTML

<div class="voltaimgdiv">
<img src="http://www.pineswcd.com/vertical/Sites/%7BB4CF315C-B365-47D6-A226-5F80C04C0D48%7D/uploads/tree_clipart.gif">
</div>

show all image on click?

CSS

.voltaimgdiv{
 max-height:200px;
 display:block;  
 line-height:200px;
 overflow:hidden;
 margin-bottom:10px;
 border:1px solid #000;
 cursor: pointer;
}

.full img{
  width:100%;
}

.full{
  max-height:100% !important;
  line-height: 0;
}

JavaScript

jQuery(function($){
    	     $('.voltaimgdiv').click(function(){
    	     $('.voltaimgdiv').toggleClass('full')
    	     })
        })