Smile

Smile

  • 1.4k
  • 197
  • 33.6k

How to hide the tooltips

Jan 22 2020 11:37 AM
am using submit buttons and providing the tooltip for the buttons.on click these tooltips are still remaining for multiple buttons.
 
<div class="bottom" style="background-color: #d0d9d5; width: 100%;">
<div class="table-responsive">
<table class="table table-borderless" style="margin-bottom: 0px; width: 98%">
<tbody>
<tr>
<td style="text-align: center">
<button title="Save Board Data" data-toggle="tooltip" type="submit" style="text-align: center; width: 10em; height: 3em; color: black">Save</button></td>
</tr>
</tbody>
</table>
</div>
</div>
 
above is code for declaring buttons. I have found many codes for hiding but i am not getting where to put the code as i am new. Please help to in sorting this.
 
i have tried this but didnt know the right position to put the code.
 
$('[data-toggle="tooltip"]').tooltip({ trigger : 'hover' })

Answers (4)