javascript - jQUERYドロップダウンは、アンカータグに#がない限り、クリックすると閉じます。ドロップダウンしたままで、クリックしても何も起こりません

Question

申し訳ありませんが、ログインにリンクするタグが必要です。

登録とログインのページのみがドロップダウンすると想定されています。登録コードは同じです。これはページの html コードです

    <header id ="logo_nav"> 

   <img class="logo" src="logo.png" width=" 382"  height="122 " alt="voucher">

     <ul id= "main_nav">
     <li> <a href="index.php"> Home   </a></li>



<li id ="login">
   <a id="login-trigger" href="login.php">
 Login here  <span> ▼ </span>
    </a>  

   <div id="login-content"> 

  <form action = "log.php" method="post">


    <label id="user"> Username  </label>

   <br/>
<input id="inputbox"type="text" name="username"> 

   <br/>
<label id="pass"> Password  </label> 

    <br/>

<input  id="pinput" type="password" name="password">  <br/>




 <input id="submit" type="submit" value ="log in">
     </form>

• 以下は、ドロップダウンして閉じることができないjqueryコードです。

   $(document).ready(function(){
  

  $('#login-trigger').click(function(){ $(this).next('#login-content').slideToggle(); $(this).toggleClass('active');

  if ($(this).hasClass('active')) $(this).find('span').html('▲')
      else $(this).find('span').html('▼')
  })
        });
  

Answer 1

href="#"タグをどこにもリンクさせたくないので、を追加する必要があります。