<html>
<head>
<script type="text/javascript">
var slide_divYukseklik = 350;
var slide_say=0;
var slide_intervalID;
var slide_divID;
var slide_px_oran = 10;
function slideKucult_kaynak()
{
slide_say+=slide_px_oran;
var id=slide_divID;
var s = document.getElementById(id).style.height;
s = eval(s.replace("px",""));
document.getElementById(id).style.height = (s-slide_px_oran) +"px";
//document.getElementById(id).style.opacity=((20/slide_say));
if(slide_say==slide_divYukseklik-30 || slide_say>slide_divYukseklik-30)
{
document.getElementById(id).style.display="none";
clearInterval(slide_intervalID);
slide_say=0;
document.getElementById(id).style.height="0px";
slide_intervalID=0;
}
}
function slideKucult(getID)
{
slide_divID=getID;
slide_intervalID=setInterval("slideKucult_kaynak()",1);
}
function slideBuyut_kaynak()
{
slide_say+=slide_px_oran;
var id = slide_divID;
var s = document.getElementById(id).style.height;
s = eval(s.replace("px",""));
document.getElementById(id).style.display="block";
//document.getElementById(id).style.opacity=eval(0.003*slide_say);
document.getElementById(id).style.height = (s+slide_px_oran) +"px";
if(slide_say==slide_divYukseklik || slide_say>slide_divYukseklik)
{
slide_say=0;
document.getElementById(id).style.opacity=1;
clearInterval(slide_intervalID);
}
}
function slideBuyut(getID)
{
if(document.getElementById(getID).style.height=="0px")
{
slide_divID=getID;
slide_intervalID=setInterval("slideBuyut_kaynak()",1);
}
}
</script>
<style type="text/css">
.div-kutu-css
{
border:1px solid black;
width:350px;
overflow:hidden;
background-color:#FEFE9B;
padding:3px;
height:0px;
display:none;
}
</style>
</head>
<body>
<br>
<div class="div-kutu-css" id="div-kutu" style="height:0px;">
<?php
for($i=1976; $i<2010; $i++) {
echo "$i <br>";
}
?></div>
<a href="javascript:slideKucult('div-kutu');">kapat</a>
<a href="javascript:slideBuyut('div-kutu');">aç</a>
</body>
</html>