jQUERY выпадающий не закрывается, когда я нажимаю на него, если у меня нет # в моем якоре tag.it остается выпадающим, ничего не происходит, когда я нажимаю

извините, я хочу, чтобы тег ссылался на логин.

только страница регистрации и входа в систему должна опускаться. код регистра тот же. это 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('▼')
  })
        });