機能が突然変更された後に機能が停止しました

Question

こんにちは。

質問がありました。

私は最近、自分のウェブサイトに反応性メニューを追加しました。それは正常に働いた。しかし、別のメニューを追加しました。 1つは携帯電話用に作られたものです。私はそれを通常の規模で隠し、モバイル版で表示します。しかし、その機能は突然機能しなくなりました。 1つを除いて名前は変更されていませんが、それはそれを妨害すべきではありません。

<div class="header"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a class="active_page" href="index.php">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
      </ul> 
     </div> 
    </div> 

    <div class="header_mobile"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a href="#">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
       <li class="icon"> 
        <a href="javascript:void(0);" onclick="myFunction()">≡</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

そして、ここで最後の関数である：

<div class="header"> 
     <div class="container"> 
      <ul class="nav"> 
       <li><a class="active_page" href="index.php">Home</a></li> 
       <li><a href="projects.php">Projects</a></li> 
       <li><a href="about.php">About</a></li> 
       <li><a href="contact.php">Contact</a></li> 
       <li class="icon"> 
        <a href="javascript:void(0);" onclick="myFunction()">≡</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

そしてここでは、新しいコードは次のとおりです。ここでは、古いコードがある

function myFunction() { 
document.getElementsByClassName("nav")[0].classList.toggle("responsive"); 

}

これは、すべてのリンクされています以前はうまくいったからです。私は誰もこれで私を助けることができると思います。

ありがとうございます。

編集：ここでは、ウェブサイトへのリンクがあり、それを見るために、モバイルにそれをスケール：http://portfoliotristan.esy.es/index.php

Answer 1

function myFunction() { 
    document.getElementsByClassName("nav")[1].classList.toggle("responsive"); 
} 

あなたが最初の「NAV」アイテムを選択しています。 0を1に変更して2番目のナビアイテムを選択する必要があります。