Test adresi: http://cssvalley.com/oktay
İndirme adresi: http://cssvalley.com/oktay.rar


kodlarınız sorunsuz çalışıyordu birkaç değişiklik yaptım, birden fazla ajax isteği göndermeyi engelledim...



<meta charset="utf-8" />
<script type="text/javascript" src="jq.js"></script>
<style>



ul.goster {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font: 12px arial;
    left: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
}
ul.goster li {
    background: none repeat scroll 0 0 #62C2E4;
    border-radius: 2px 2px 2px 2px;
    float: left;
	color:#fff;
    list-style: none outside none;
    margin-right: 6px;
    padding: 3px 12px;
	cursor:pointer;
}

ul.goster li:hover {
    background: none repeat scroll 0 0 #aaa;
	
	}
.cevap {
    background: none repeat scroll 0 0 #62C4E3;
    color: #FFFFFF;
    display: inline-block;
    font: 12px arial;
    left: 20px;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    text-shadow: 0 1px 0 #0096E4;
    top: 40px;
    width: 400px;
}


</style>
 <ul class="goster">
	<li id="matematik" onclick="oktay('matematik')">matematik</li>
	<li id="tarih" onclick="oktay('tarih')">tarih</li>
	<li id="fizik" onclick="oktay('fizik')">fizik</li>
	<li id="olmayan" onclick="oktay('olmayan')">olmayan bir ders</li>
 </ul>

<div class="cevap" style="display:none;" >cevap katmanı</div>
 

<script>

ajax_istek = 1;
		
function oktay(ders){
	$('.cevap').slideDown();
	$('.cevap').text("yükleniyor");

		if(ajax_istek == 1){
		// isteği sıfırla veri gelene kadar
		ajax_istek = 0;
		
		// seçili dersin butonlarının arka renklerini göster
		$("ul.goster li").css({'background-color':'#62C2E4'});					
		$("#"+ders).css({'background-color':'#aaa'});
		
		$.ajax({
		
			type: 'GET',  //POST ya da GET yöntemi kullanabilirsiniz
			url: 'konuver.php',
			data:{ders: ders}, //Sorgu cümlesi
			success: function(data) {
				// alert('Ajax çalıştı.');
				//$('.cevap').hide();
				//     alert(data);
				$('.cevap').html(data);
				$('.cevap').stop().slideDown();
					// cevap alındı ajax isteği yapılabilir konumuna geri getir.
					ajax_istek=1;
					

			},
				error:function (xhr, ajaxOptions, thrownError){
				alert(xhr.status);
				alert(thrownError);
			}    
		}); } 
	}

</script>


konuver.php

<?
sleep(1);
// diğer sayfada sonuçların daha iyi izlenebilmesi için 1 saniye geçikmeli yüklesin diye...


$ders = $_GET["ders"];

if($ders=='matematik'){
	echo 'matematik güzeldir aga';
} else if($ders=='tarih') {
	echo 'tarih de fena sayılmaz ama ben pek sevmem';
} else if($ders=='fizik'){
	echo 'nefretliktir fizik, berbatov ötesidir.';
} else {
	echo 'böyle bir ders yoktu ama en iyisi efsane dersler: resim müzik beden ...';
}

?>