Javascript-форум - скрытие и показ блоков

Доброго времени
Помогите решить проблему с показом блоков. На странице есть несколько скрытых блоков с одним ID которые открываются все разом при нажатии на ссылку. как можно реализовать так что бы при клике открывался только один блок, а не все сразу и при нажатии на другую ссылку открывался другой блок, а другой спрятался. мой код выглядит так

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

  <script type='text/javascript'> 
    $(document).ready(function() { 
      $("A#trigger").toggle(function() { 
        $("DIV#box").fadeIn();
        return false; 
      },  
      function() { 
        $("DIV#box").fadeOut();
        return false; 
      }); 
    }); 
  </script>

<body> 
  <a href='#' id='trigger'>Программа "Диагноcтика одного дня1"</a> 
  <div id='box' style='display: none; margin:10px;'>тест тест</div>
  <a href='#' id='trigger'>Программа "Диагноcтика одного дня2"</a> 
  <div id='box' style='display: none; margin:10px;'>тест2 тест2</div>
</body>