<script src="jquery-1.11.1.js"></script>
<script>
$(document).ready(function(){
$("#gizle").click(function(){
$("#divadi").hide("slow");
});
$("#goster").click(function(){
$("#divadi").show("slow");
});
});
</script>
<style>
.nesne {
background:#C33; color:#fff; margin:2px; height:70px; text-align:center; line-height:70px; width:220px;}
input.tikla {
background:#066; color:#fff; border:none; cursor:pointer; margin-left:10px; height:30px; text-align:center; line-height:30px; width:80px; position:relative;
float:left;}</style>
<div class="nesne" id="divadi"> Butona Tıkla ve Gizle .</div><br>
<input class="tikla" name="" type="button" id="gizle" value="Divi Gizle">
<input class="tikla" name="" type="button" id="goster" value="Divi Göster">