Use jquery dialog box it will work on all browsers and best things its easy customisable and if needed multiples animations can be added to it...
Sample Code
<!doctype html>
<html>
<head>
<title>jQuery UI Dialog</title>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.24/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.8.24/jquery-ui.js"></script>
<style>
.center{
position:fixed;
left: 50%;
top: 50%;
}
</style>
</head>
<body>
<div>
<a id="test" class="center" href="#">link text</a>
</div>
<div id="dialog" title="Basic dialog" style="display: none">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<script>
$("#test").on('click', function () {
$("#dialog").dialog();
});
</script>
</body>
</html>
Submit an article or tip