Call jquery function from c# to dynamically load textboxes

Question

I have a form with multiple rows of text boxes. I use jquery .show() and .hide() to dynamically add or remove a textbox.

In my codebehind, I retrieve a myReport object and based on the number of entries, I want to display or hide the right number of text boxes.

I can use .visible = true / false but that removes the element from the page so that the jquery functions no longer work.

I tried using

.class.add('visibility', 'hidden')

but even with this, the jquery .show() function fails to make the textbox visible.

Is there a way I can call a jquery function from code behind or an attribute that I can add to a text box to make it invisible and still work with .show() method

Answer 1

$("yourtextboxselector").css({'display': 'none'});

You can check the visibility using :visible

$("yourtextboxselector").is(":visible");

You can set the display attribute in C# also

txtBox.Style["display"] = "none";