Доброго дня. Подскажите как решить:
Есть код:
<div class="wrapper-help">
<div class="help-link" title="Нажмите, чтобы получить дополнительную информацию">?</div>
<div class="help-info">Некая раскрывающая информация об этом узле</div>
</div>
<div class="wrapper-help">
<div class="help-link" title="Нажмите, чтобы получить дополнительную информацию">?</div>
<div class="help-info">Некая раскрывающая информация об этом узле</div>
</div>
<div class="wrapper-help">
<div class="help-link" title="Нажмите, чтобы получить дополнительную информацию">?</div>
<div class="help-info">Некая раскрывающая информация об этом узле</div>
</div>
Требуется, при нажатии на .help-link показывать соответствующий .help-info. Вот что есть пока:
$('.help-link').click(function(event) {
$('.help-info').toggle();
});
$(document).click(function (event) {
if ($(event.target).closest('.help-info').length == 0 && $(event.target).attr('class') != 'help-link') {
$('.help-info').hide();
}
});
Открытое .help-info должно прятаться при нажатии вне его, и даже на другой .help-link
Вот с этим запутался, пока получилось только открыть блок и закрыть при нажатии в другое место.
Но когда нажимаю на другой .help-link, прежний .help-info остается открытым. Не особый знаток JQuery, прошу помощи от Вас ))