Как скрыть панель в следующем скрипте?

Question

[msatmb]

Использую на сайте следующий плугин . В появляющейся панели есть ссылка по нажатию на которую всплывает модальное окно.

<div id="widget-1">
        <div class="text-center title-button">
          Пожалуйста, выберете необходимый раздел!
        </div>
        <ul class="list-unstyled">
          <li><a href="#" class="btn btn-alt2">ссылка 1</a></li>
          <li><a href="#" class="btn btn-alt2">ссылка 2</a></li>
          <li><a href="#" class="btn btn-alt2">ссылка 3</a></li>
          <li><a href="#myModalBox" class="btn btn-alt3" data-toggle="modal" id="online">ссылка 4</a></li>
        </ul>
</div>

Как сделать так, чтобы по нажитию на "ссылка 4" данная панель с виджетом скрывалась, а модальное окно открывалось. Сейчас по нажатию на ссылку появляется окно и сама панель виджета тоже висит.

Answer 1

[Вадим Иванов]

$('a[data-toggle="modal"]').on('click', function(){
$('#widget-1').hide();
});

Comments

[msatmb]

К сожалению так не работает. я уже пробовал почти таким же методом. Только вместо a[data-toggle="modal"] указывал #online