Skip to main content
4 of 4
added 151 characters in body
Arsalan Adam Khatri
  • 14.5k
  • 3
  • 37
  • 59

Jquery clickable Tooltip inside SharePoint WebPart

I have a requirement in which when ever user hover over a text(hyperlink) a tool-tip should appear that should contain images which are clickable using JQuery

$('.cover_beholder').hover(
  function () {
      $(this).find('.dropdown').toggle();
  });
});

above is JQuery and below CSS

.cover_beholder 
{
display:inline;
}

.cover_beholder div
{
   display:inline;
 }

.dropdown 
{   
Border:1px solid gray;
margin:-4px 0 0 37px;     
display:none;
position:absolute;
z-index:999999;
background-color:White ;
width:140px;
padding:5px;

}

.dropdown img
{
    border:0px;
  
}

.dropdown li
        {       
            display:inline;
            padding-right:2px;
            
        }  

I want to make .drop-down should be as a mouse tooltip and images in the tool tip are hyperlink which need to be clicked . Now My question do we have any mouse Hover tool-tip which contains images as hyperlink

raky
  • 149
  • 2
  • 14