Home/ Questions/Q 292831
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T06:12:59+00:00

I’m trying to do something I thought was simple, but I’m not having any

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you’re missing a little of your code

    $(document).ready(function() {
    $("#notify-container").fadeOut(2000);
}

    Should be…

    $(document).ready(function() {
    $("#notify-container").fadeOut(2000);
}); // <---
    • 0