#javascript #jquery
#javascript #jquery
Вопрос:
Я пытаюсь переключить видимость выпадающего меню в 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
Комментарии:
1. Это работает, возможно, есть какой-то другой код, который вы не показываете, который нарушает его. jsfiddle.net/LtKuT
2. Где мы
#secondary_nav
?3. вызывается функция .click? Можете ли вы написать оповещение в этой функции?
4. Я только что обновил исходный код
5. Какую версию jQuery вы используете? Кажется, работает нормально: Скрипка