Merhaba arkadaşlar aşağıdaki resimdeki gibi bir tab uygulaması yapmak istiyorum. normalde tab uygulaması yapabiliyorum ama işin içerisine ajax girdiğinde işler karışıyor ve bu karışıklığı çözemedim.

şöyle ki; her bir tab başlığının aktif durumdaki arka plan rengi farklı olması gerekiyor. aktif olan tab'ın içerik alanın arka plan rengi de aynı şekilde değişmesi gerekiyor. içerik alanındaki verilerinde ajax dosyasından çekilmesi gerekiyor. yani beni oldukça uğraştırdı ve bu konu beni aşan bir konu ... bu yüzden yardımlarınızı rica ediyorum.



index.html

<div class="TabWrapper">

   <div class="TabMenu">
        <ul id="tab">
         <li class="kirmizi"><a href="#">1. Tab</a></li>
            <li><a href="#">2. Tab</a></li>
            <li><a href="#">3. Tab</a></li>
        </ul>
    </div> 
   
   <div id="TabIcerik"></div>

</div>

ajax.php dosyam

<?php
   $page	=	intval(trim(strip_tags(addslashes($_GET['page']))));
   if(empty($page) || !is_numeric($page))
   {     
      $page = 1;
   } 
   switch($page)  
   {  
      default :
            echo "<div class='icerik kirmizi'>1. Tab İçeriği</div>";
      break;  

      case 1: 
            echo "<div class='icerik kirmizi'>1. Tab İçeriği</div>";
      break;  

      case 2: 
            echo "<div class='icerik mavi'>2. Tab İçeriği</div>";
      break;  

      case 3: 
            echo "<div class='icerik yesil'>3. Tab İçeriği</div>";
      break;
   }
?>