Please try this code...
<html>
<head id="Head1" runat="server">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function colorboxShow() {
$("#colorbox").show();
}
function colorboxHide() {
$("#colorbox").hide();
}
$().ready
(function () {
$("#colorbox").hide();
$('#btnShowColorbox').click(colorboxShow);
$('#btnHideColorbox').click(colorboxHide);
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="Span2">Show-Colorbox</span><br />
<span id="Span3">Hide-Colorbox</span>
</div>
<div id="Div1" style="width: 100px; height: 50px; background-color: Gray;">
Welcome to Color Box!
</div>
</form>
</body>
</html>
JQuery ColorBox, you need to use the proper Script Files that you can download and add in your application.
JQuery-ColorBox[
^]
Thanks!