Modal on jquery hover function

Question

I want to try a small trick to improve the bounce rate from my website. When the user is moving the cursor on the first 5px from the top of the page I suppose that he want to leave the page so I want to give him a modal with a search box or with some related articles. So here we are: ``` $(document).ready(function(){ $( "#test" ).hover(function() { //alert("testing the mouseover"); return false; }); }); ``` `#test` is the id of that 5px div from the top of the page that I was talking about. The problem is that I don't know how to replace the alert with my bootstrap modal. ``` ```

Accepted Answer

Try this:

```
 $(document).ready(function(){
    $( "#test" ).hover(function() {
           $('.modal').modal({
        show: true
    });
  });  
});
```

JSFiddle

Modal on jquery hover function

Solution

Problem

Related problems