закрытие всплывающего окна при открытии другого всплывающего окна

Question

У меня есть значки в моем богатом текстовом поле - значки для: link, insert image, insert column. На каждой кнопке при нажатии открывается всплывающее окно, которое пользователь выполняет задачу. Каждая функция кнопки, как это пошло щелкнул:

onclick="$.Forms.WysiHtml5.InitEditor($(this));" 

и когда нажмите на иконку снова исчезает:

onclick="$.Forms.WysiHtml5.ClosePopover($(this));" 

Проблема:
Когда я нажимаю на кнопку, и всплывающие шоу, то я иду нажмите другую кнопку - появляется другое всплывающее окно, оставляя страницу с двумя всплывающими окнами. Я хочу, чтобы, когда я нажимаю кнопку, если есть всплывающее окно, оно закроется, и появится новое всплывающее окно для нажатой кнопки.

На основе предложенного ответа ниже:

'<a class="btn popover_btn" href="javascript:;" title="' + locale.css.columns.insert + '"' 
            + 'data-placement="top" data-popover-selector="#RichText_ColsPopover"' 
            + '$(#DynamicEditorForm)on("click", ".tool", function(){add close and open stuff}); tabindex="-1"><i class="icon-th"></i></a>' 

Answer 1

Добавить событие делегация в контейнере:

$("#container").on("click", ".tool", function(){ 
    // Close all 
    // Open new one 
})