<style>
body {
font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}
body {background-color:#336699;}
#test {
border:2px solid #ccc;
background-color:#336699;
padding:50px;
font-size:30px;
margin:20px auto;
text-align:center;
width:600px;
}
</style>
</head>
<body><!-- element to be exposed when clicked -->
<div id="test">
Click on this element to expose it.
</div>
<!-- javascript coding -->
<script>
// execute your scripts when the DOM is ready. this is a good habit
$(function() {
// assign a click event to the exposed element, using normal jQuery coding
$("#test").click(function() {
// perform exposing for the clicked element
$(this).expose();
});
});
</script>