I'm trying to do something I thought was simple, but I'm not having any luck actually getting it to work. All I want to do is fade out a div after X number of seconds have passed since the document finished loading.
In my Site.Master file I have the following:
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<!-- various other links, etc commented for brevity -->
<script type="text/javascript" src="<%= ResolveUrl("~/Scripts/jquery-1.2.6.js")%>"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#notify-container").fadeOut(2000);
}
</script>
</head>
<body class="page">
<%
if (Html.ViewContext.TempData.ContainsKey("StatusMessage")) {
%>
<div id="notify-container"><%=Html.ViewContext.TempData["StatusMessage"]%></div>
<%
}
%>
<asp:ContentPlaceHolder ID="MainContent" runat="server" />
</body>
</html>
The problem is that nothing fades. What have I overlooked?