Edit in JSFiddle

<meta charset="utf-8">
<style>
.tiyilguqi {
	overflow-y: hidden;
        font-family:alkatip;
        direction:rtl;
	max-height: 500px; /* tahminan magx-height egizliki */
background: orange;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
        height: 200px;
width: 200px;
}
    .tiyilguqi.qekin {
	max-height: 0;
}
</style>
<div class="tiyilguqi qekin" id="tiyilguqi">
    بىلىم ئالمىغان ياش تام تۈۋىدىكى تاش
			
		</div>
<button onclick="document.getElementById('tiyilguqi').classList.toggle('qekin');">ھەرىكەت</button>