How Can I Use Jquery To Get An Htmltablerow (which Starts Life Invisible/hidden) To Display?

I am creating some html elements via server-side (C#) code. Since this is a jQuery forum, I won't show that code, but it adds a column caption row and a first row of 'textboxes' th

Solution 1:

1. Remove foapalrow3.Visible = false; from the server side code, as this will prevent html being generated for this row
2. Add a class or style to foapalrow3 applying the CSS property display:none;
3. On you button click either remove the class from foapalrow3 or if you choose to use a style attribute change display to display:table-row;

e.g.

CSS

.hiddenTableRow {
   display:none;
}

.Net

// foapalrow3.Visible = false;// Edit - CssClass is not present on HtmlTableRow// foapalrow3.CssClass = "hiddenTableRow";
foapalrow3.Attributes["class"] = "hiddenTableRow";

Javascript

$("[Css Selector To find the Row]").removeClass("hiddenTableRow");