I based in this example: https://jsfiddle.net/hL0pvaty/
But the popover must contain a html div , therefore, what I want is a mixture between the first and the secon
///HTML
///HTML content here
///Css classes for popover
.div-popover {
background-color: white;
border-radius: 8px !important;
box-shadow: -1px 1px 9px 5px rgba(0,0,0,0.4);
font-size: 12px;
padding: 7px 10px;
position: absolute;
width: 250px;
bottom: -4px;
}
.div-popover:after {
content: "";
position: absolute;
bottom: -10px;
left: 175px;
border-style: solid;
border-width: 25px 25px 0;
border-color: #FFFFFF transparent;
}
.hidden {
display: none !important;
}
///JQuery for button click
$("#btnSave").click(function () {
if ($("#btnSave_popover").hasClass("hidden")) {
$("#btnSave_popover").removeClass("hidden");
} else {
$("#btnSave_popover").addClass("hidden");
}
});