div to image

by Andy Bat

HTML

<div id="panel">
<button id="btnSave">Show images</button>
<input type="button" id="btn1" value="Other"/>
<input type="button" id="btn2" value="buttons"/>
</div>
<div id="image_place">
  <img src="http://savepic.ru/13475233.jpg" width=20%>
  <img src="http://savepic.ru/13454753.jpg" width=30%>
  <img src="http://savepic.ru/13457825.jpg" width=20%>

</div>

CSS

#image_place{
  width:400px;
  height:0px;
  display:none;
  padding:5px;
  background-color:white;
}
#panel{
  width:400px;
  padding:5px;
  background-color:silver;
}

JavaScript

$(function() { 
    $("#btnSave").click(function() { 
    if($("#image_place").css("height") =="0px"){
    	$("#image_place").css("height", 150);
    	$("#image_place").css("display", "block");
    	$("#btnSave").text("Close images");
      
      }
    else{
    	$("#image_place").css("height",0)
    	$("#image_place").css("display", "none")
    	$("#btnSave").text("Show images");
      }
    });
});