Bug In ASP.Net With ID Selectors between Css And JQuery For fadeOut Attributes
<p>During the testing the Asp.Net Web Application I have realized that the JQuery  “fadeIn/Out/Toggle/To attributes are supported in html layer(layout) but not supported to asp: layer(layout) like Panel. </p>

<p>For details you have to follow my below code:</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"    Inherits="Animated1._Default" %&gt;

 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

 &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt;
 &lt;head runat="server"&gt;
 &lt;title&gt;Untitled Page&lt;/title&gt;
 &lt;style type="text/css"&gt;
 #pnl1
 {
  width:100px;
  height:150px;
  background-color:red;
  border-style:solid;
  border-color:black;
  border-width:3px; 
 }
 &lt;/style&gt;
&lt;script src="jquery-1.9.1.js"   type="text/jscript" &gt;&lt;/script&gt;
    &lt;script  type="text/jscript"&gt;
    $(document).ready(function(){
    $("#&lt;%=Btn.ClientID%&gt;").click(function(){
    $("#&lt;%=pnl1.ClientID %&gt;").fadeOut(3000);});
    });
    &lt;/script&gt;

 &lt;/head&gt;
 &lt;body&gt;
    &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
        &lt;asp:Panel ID="pnl1" runat="server"&gt;
        &lt;/asp:Panel&gt;
        &lt;asp:Button  ID="Btn" runat="server" Text="Mytext" /&gt;
    &lt;/div&gt;
    &lt;/form&gt;
 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

<p>Now as per above code the asp controls like panel is not support fadeout attribute. Why?.</p>

<p>Now take a look to the same example with html code as below:Just Change the Css ID Selectors and Jquery with above code.</p>

<p>Here is Css/Text Code look like:</p>

<pre><code>#div1
{
  width:100px;
  height:150px;
  background-color:red;
  border-style:solid;
  border-color:black;
  border-width:3px; 
 }
     //And Jquery Function:
 &lt;script src="jquery-1.9.1.js"   type="text/jscript" &gt;&lt;/script&gt;
 &lt;script  type="text/jscript"&gt;
 $(document).ready(function(){
 $("#Btn").click(function(){
 $("#div1").fadeOut(3000);});
 });
 &lt;/script&gt;

 //Rest Of Body Code is here.
  &lt;body&gt;
   &lt;form id="form1" runat="server"&gt;
    &lt;div&gt;
     &lt;div id="div1"&gt;&lt;/div&gt;    
       &lt;input type="button" value="fade the div" id="Btn"/&gt;
     &lt;/div&gt;
   &lt;/form&gt;
  &lt;/body&gt;
</code></pre>

<p>Now the div is support to fadeout attributes and works well.</p>

<p>1.My question is  why the fadeout works at html not with asp:controls?.</p>

<p>2.Is Jquery not support to asp:controls?.</p>

<p>3.Or there are conclusion of ID selectors between Css/JQuery and Asp: Controls?.</p>

<p>And last the solution of above problem. How to handle Selectors of  Asp Controls ID between Css And Jquery as it would works perfect.</p>
