jquery tıklanınca açılır menu

  <div class="science_content">
    <ul class="science_list">
      <li class="science_pa">Uçak Mühendisliği</li>
      <ul class="science_list" style="display: block;">
        <li>UÇAK İNŞAATI</li>
        <ul class="science_list" style="display: block;">
          <li>Aerodinamik </li>
          <li>Uçak Yapı ve Malzemesi</li>
          <li>İtki Sistemleri</li>
          <li>Uçuş Kontrol Sistemleri ve Avionik</li>
          <li>Hava Ulaşımı ve İşletmesi</li>
        </ul>
      </ul>
      <li class="science_pa">Metalurji Mühendsliği</li>
      <ul class="science_list" style="display: block;">
        <li>ÜRETİM METALURJİSİ</li>
        <ul class="science_list" style="display: block;">
          <li>Metalurjik Önişlemler</li>
          <li>Seramik ve Rekraterler</li>
        </ul>
        <li>MALZEME BİLİMİ</li>
        <ul class="science_list" style="display: block;">
          <li>Malzeme Mühendisliği</li>
          <li>Fiziksel Metalurji</li>
          <li>Mekanik Metalurji</li>
          <li>Döküm Metalurjisi</li>
          <li>Korozyon ve Korozyondan Korunma</li>
          <li>Kaynak Metalurjisi</li>
          <li>Ekonomik Metalurji</li>
        </ul>
      </ul>
    </ul>
  </div>

Merhabalar yukarıdaki html kod düzeni ile Uçak Mühendisliği tıklanınca alt başlıklar açılması istiyorum ben yaptım ama Uçak Mühendisliği tıklanınca Metalurji Mühendsliği de açılıyor this mantığını kuramadım

$(".science_pa").click(function() {
        $(".science_list ul").toggle('medium');
});

$(".science_pa").click(function() {

        $(".science_list ul:eq("+$(this).index()+")").toggle('medium');
});

şeklinde çözebilirsin diye düşünüyorum.