css - How to fade out a bootstrap popover after 5 seconds? -

how can fade out popover after 5 seconds? also, if click on it, how can make hide?

   $('ul.menu.fright').popover({        'placement':'bottom',        'content':'look @ me!',        delay: {show:500, hide:100}     }).popover('show'); 

well, @coding enthusiast has mentioned, surely job you. , same, made fiddle. can check out.

what have done on button, can replace it

html

<div class="bs-example">     <button type="button" class="btn btn-primary" data-toggle="popover" title="popover title" data-content="default popover">popover</button> </div> 

jquery

$(document).ready(function () {      $('[data-toggle="popover"]').popover({         placement: 'bottom',         delay: {             show: 500,             hide: 100         }     });      $('[data-toggle="popover"]').click(function () {          settimeout(function () {             $('.popover').fadeout('slow');         }, 5000);      });  });