Here is the code snippet I am working with:
<div id="logo" style="text-align:center;">
<p>AXIS'14</p>
<a id="enter" onclick="EnterSite()">Enter Website</a><br>
</div>
<div id="content">
//insert content here
</div>
In addition, I have included some JavaScript code:
<script>
$(window).load(function(){
// executed after full page load
$("#enter").fadeIn(1000);
});
</script>
<script type="text/javascript">
$(window).load(function EnterSite() {
$("#logo").fadeOut(500);
$("#content").fadeIn(1000);
});
$(function() {
$( '#sg-panel-container' ).gridgallery();
});
</script>
My goal is to have the "Enter Website" link appear after the window has loaded, and upon clicking it, the "logo" div fades out while the "content" div fades in. However, as of now, the behavior can be viewed here