Skip to content

Instantly share code, notes, and snippets.

@hpcx82

hpcx82/popoverhold.html

Created August 17, 2012 07:40
Show Gist options
  • Save hpcx82/3376807 to your computer and use it in GitHub Desktop.
Save hpcx82/3376807 to your computer and use it in GitHub Desktop.
Download ZIP
bootstrap's popover plugin, hold the tip until move leave.
Raw
popoverhold.html
<head language="en">
<meta charset="utf-8">
<title> bootstrap testing</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="jquery-1.7.2.js"> </script>
<script src="bootstrap/js/bootstrap.js"> </script>
<style type="text/css">
.myClass{ position: relative;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#example').popover({
placement: 'in right',
trigger: 'hover',
delay: { show: 500, hide:100 },
content: $('#examplecotent').html()
})
})
</script>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a class="myClass" id="example" data-original-title="A Title"> Hello </a>
<div id="examplecotent" class="hide">
<a href="#">bundle 1</a> <br/>
<a href="#">bundle 2</a> <br/>
<a href="#">bundle 3</a>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment