显示/隐藏按钮单击 Jquery 上的所有页面工具提示

Question

我试图在单击按钮时显示页面上存在的所有工具提示。 第二次单击按钮应隐藏所有工具提示。 这也很重要，这应该在 IE 11 中工作

<button type="button"  onclick="showAlltooltips();" style="float:right;font-size:medium"></button>

<button type="button" data-toggle="tooltip" data-placement="top" title="title2"></button>

<label class="form-check-label text-danger" data-toggle="tooltip" data-placement="bottom" title="title2" style="margin-right:10px"></label>


<script>
function showAlltooltips()
{
       $('[data-toggle="tooltip"]').tooltip('show');
}
</script>

Answer 1

<script>
function showAlltooltips()
{
if ($('body').hasClass('is-show-tooltip')) {
       $('[data-toggle="tooltip"]').tooltip('hide');
       $('body').removeClass('is-show-tooltip');
} else {
       $('[data-toggle="tooltip"]').tooltip('show');
       $('body').addClass('is-show-tooltip');
}
}
</script>