<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-git.js"></SCRIPT>
<style type="text/css">
body, input{font-family: Calibri, Arial;}
#contentt {text-align:left;position:relative;background-color:#330000;width:170px;height:40px;padding:3px;margin-top:5px;overflow:hidden;padding:8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#resett{display:none;}
</style>
<div id="contentt"><a style="text-align:right;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-family:Calibri, Arial;font-size:17px;font-weight:bold;color:#e5e5e5;float:left;"> Duyuru! </a><input style="float:right;" id="animate" type="button" value="Oku">
<input style="float:left;" id="resett" type="button" value="Kapat">

<div style="display:none;"id="duyuru35"><a style="text-align:left;font-family:Calibri, Arial;font-size:16px;font-weight:bold;color:#e5e5e5;float:left;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;">

Hoş Geldiniz!





Radyomuz siz kıymetli dostlarımıza Müzik keyfini yaşatmak için
En iyi dj'lerimiz ile birlikde gayret göstermektedir.





Keyifli dinlemler dileriz..

</div></div>

<script type="text/javascript">
$("#animate").click(function() {
$("#contentt")
.animate({"width": "520px"}, 520)
.animate({"height": "210px"}, 520);
document.getElementById('resett').style.display='block';
document.getElementById('animate').style.display='none';
document.getElementById('duyuru35').style.display='block';
});
$("#resett").click(function() {
$("#contentt")
.animate({"height": "40px"}, 520)
.animate({"width": "170px"}, 520);
document.getElementById('duyuru35').style.display='none';
document.getElementById('animate').style.display='block';
document.getElementById('resett').style.display='none';
});
</script>