Auto hide element by jquery - code not work
<p>I have an element in aspx page with class= "._aHide"  it carrying a message, And it is shown repeatedly.</p>

<pre><code>&lt;div id="Message1" class="._aHide" runat="server" visible="true"&gt;&lt;p&gt;My Message&lt;/p&gt;&lt;/div&gt;
</code></pre>

<ul>
<li>aspx server side elements not created when page load if it's visible property = true.</li>
</ul>

<p>I need to hide this div after 7 seconds of show it, unless mouse over.</p>

<p>I created this code</p>

<pre><code>$(document).ready(function () {
    var hide = false;
    $("._aHide").hover(function () {
    clearTimeout(hide);
    });

    $("._aHide").mouseout(function () {
    hide = setTimeout(function () { $("._aHide").fadeOut("slow") }, 7000);
    hide;
    });

    $("._aHide").ready(function () {
    hide = setTimeout(function () { $("._aHide").fadeOut("slow") }, 7000);
    hide;
    });
});
</code></pre>

<p>But somthings wrong here</p>

<p>1- this code work for one time only, And I show this message many times.</p>

<p>2- All message boxes hides in one time, because I can't use $(this) in settimeout and I don't know why.</p>

<p>Thank you for your help, and I really appreciate it</p>
