Dynamic content bootstrap popover

Question

I am using Bootstrap popover . Everything works just fine. I am displaying div on popover. Here I created js fiddle . Now how do I replace title and contents ? Thanks

EDIT: I am also not able to click on Show details button.

Answer 1

The reason you cant click the show details button is due to your use of hover, you should either revert to using click or set a delay before the hover effect disappears:

$('#popover').popover({
    delay: { show: 100, hide: 500 }
});

I would suggest creating a separate popover link for each item you want to display, see updated jsfiddle for an example. Another option would be to use jquery to change the text of the div for each click of a popover link.