toggle модернизация подскажите

[bogix]

Здравствуйте уважаемые. Нужна ваша помощь, вот пример http://www.siteris.com/my, проблема в том что при нажатие на силку выезжает блок, при повторном нажатие он исчезает, но если нажать на первую и вторую силки, выезжает оба , как добиться того что при нажатие на другую силку первый блок сворачивался а видно было только второй и наоборот, блоков будит около 10ти. Можно ли как то объединить код скрипта в один а не писать для каждого блока свой? И еще, возможно подскажите как реализовать загрузку содержимого каждого из блоков(подзагрузку) только после нажатия на них а не сразу с загрузкой страницы. Буду рад любим советам или силкам для ознакомления с документацией.

<script src="jquery-1.2.6.js"></script>
  <script src="effects.core.js"></script>
  <script src="effects.blind.js"></script>
  
  <script>
  $(document).ready(function(){
    $("#dada") .hide();
    $("#ee").click(function () {
      $("#dada").toggle("blind", {}, 1000);
    });

  });
  </script>
  
    <script>
  $(document).ready(function(){
    $("#dada2") .hide();
    $("#ee2").click(function () {
      $("#dada2").toggle("blind", {}, 1000);
    });

  });
  </script>

<table width="980" border="2" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><p><a href="#" id="ee">Кликать сюда</a></p></td>
    <td><p><a href="#" id="ee2">Кликать сюда</a>       
 </p></td>
  </tr>
  <tr>
    <td colspan="2"><div id="dada"></div> <div id="dada2"></div></td>
  </tr>
  <tr>
    <td><div id="apDiv1"></div></td>
    <td> <div id="apDiv12"></div></td>
  </tr>
</table>