Hangi li elemanına tıklarsam class toggle

<li class="lii">Üst Menü
      <ul class="dropdown">
        <li>Alt Menü 1</li>
        <li>Alt Menü 2</li>
      </ul>
    </li>

<li class="lii">Üst Menü
      <ul class="dropdown">
        <li>Alt Menü 1</li>
        <li>Alt Menü 2</li>
      </ul>
    </li>

yukardaki gibi birden fazla .lii class menü elemanlarım var. onclick kullanmadan aşağıda neyi değiştirirsem hangi li elemanına tıklarsam toogle özelliği verebilirim?


<script>
function altmenugetir() {
document.getElementsByClassName("lii")[0].classList.toggle("show");
}
</script>

var ilk_lii_elementi = document.getElementsByClassName("lii")[0]; //anlamanız için önce classı tanımladık
ilk_lii_elementi.addEventListener("click", function(){ //bu classa tıklanınca
      ilk_lii_elementi.classList.toggle("show");  //bu fonksiyonu çalıştırdık
    }, false);

düzenleyerek kodu daha az sade hale getirebilirsiniz.