For some reason the following code does not work if I use CSS in the AJAX TextWaterMark control.

1. $(document).ready(function(){
2.             $('.expanding').autogrow();
3.             //use the following code if I figured out how to get jQuery to recognized repating same Div ID
4.             //$("#commands").hide("normal");
5.         });

And ASP.NET code:

1. <asp:TextBox ID="txtNotes" runat="server" CssClass="expanding" Text='<%# Bind("notes") %>'
2.                                     TextMode="MultiLine" Width="96%" />
3.                                 <ajaxToolkit:TextBoxWatermarkExtender ID="txtNotes_TextBoxWatermarkExtender"
4.                                     runat="server" Enabled="True" TargetControlID="txtNotes"
5.                                     WatermarkCssClass="waterMarkTextBox"
6.                                     WatermarkText="Write your class notes here">
7.                                 </ajaxToolkit:TextBoxWatermarkExtender>

And my CSS:

1. .waterMarkTextBox
2. {
3.     height: 20px;
4.     padding-top: 4px; /*background-color: #C0D9D9;*/
5.     font: 10px Verdana, Arial, Helvetica, sans-serif;
6.     color: #7A8B8B;
7. }
8. .expanding
9. {
10.     line-height: 20px;
11.     width: 400px;
12. }

The auto expanding the TextBox control stops working as soon as I specify the WaterMarkCssClass.