Блог

Я пытаюсь переключить видимость выпадающего меню в Jquery. Моя проблема в том, что при нажатии на ссылку отображается меню, повторное нажатие не скрывает его.

jQuery:

 $("#secondary_nav h3.user").click(function() {
  $("#user_actions").toggle();
}); 

 $(document).mouseup(function(e) {
    var container = $("#user_actions");

    // If the target of the click isn't the container amp;
    // nor is it a descendant of the container
    if (!container.is(e.target) amp;amp; container.has(e.target).length === 0) {
      container.hide();
    }
  });
  

и HTML:

 <div id='secondary_nav'>
              <div id='secondary_nav_inner'>
                <h3 class='messages'>
                  <a href="/admin/messages">Beskeder

                  </a>
                </h3>
                <h3 class='user'>
                  <span class='profile_picture'>
                    <img alt="B5da6b10 c94b 490d 885f 0827be92b47d" src="https://showmyday-development.s3.amazonaws.com/assets/000/000/759/admin_mini/b5da6b10-c94b-490d-885f-0827be92b47d" />
                  </span>
                 test (Testing)
                </h3>
                <div id='user_actions'>
                  <div id='user_actions_inner'>
                    <h4>Profil navigation</h4>
                    <ul>
                      <li><a href="/admin/guardians">Admins amp;amp; Brugere</a></li>
                      <li><a href="/admin/profile/edit">Rediger profil</a></li>
                      <li><a data-method="delete" href="/users/sign_out" rel="nofollow">Log ud</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  

РЕДАКТИРОВАТЬ: включен еще второй метод jQuery