How can I make visible an invisible control with jquery hide and show not work

Question

How can I change the visibility of a control with jQuery  I have a control that its visible property to false  not css   When I used show   function for it nothing happened  it seems that hide   and show   methods are for css set of a control  not visible property

User · Answer

show   and  hide   modify the css display rule  I think you want     selector  css  visibility    hidden       Hide element   selector  css  visibility    visible       Show element

User · Answer

It s been more than 10 years and not sure if anyone still finding this question or answer relevant  But a quick workaround is just to wrap the asp control within a html container  lt div id  quot myElement quot  style  quot display  inline-block quot  gt      lt asp TextBox ID  quot textBox1 quot  runat  quot server quot  gt  lt  asp TextBox gt   lt  div gt   Whenever the Javascript Event is triggered  if it needs to be an event by the asp control  just wrap the asp control around the div container   lt div id  quot testG quot  gt        lt asp Button ID  quot Button2 quot  runat  quot server quot  CssClass  quot btn quot  Text  quot Activate quot    gt   lt  div gt   The jQuery Code is below    document  ready function             quot  testG quot   click function                         quot  myElement quot   css  quot display quot    quot none quot

User · Answer

You can t do this with jQuery  visible  false  in asp net means the control isn t rendered into the page   If you want the control to go to the client  you need to do style  display  none   so it s actually in the HTML  otherwise there s literally nothing for the client to show  since the element wasn t in the HTML your server sent     If you remove the visible attribute and add the style attribute you can then use jQuery to show it  like this       elementID   show        Old Answer  before patrick s catch   To change visibility  you need to use  css    like this       elem   css  visibility    visible      Unless you need to have the element occupy page space though  use display  none  instead of visibility  hidden  in your CSS  then just do       elem   show      The  show   and  hide   functions deal with display instead of visibility  like most of the jQuery functions

User · Answer

Here s some code I use to deal with this   First we show the element  which will typically set the display type to  block  via  show   function  and then set the CSS rule to  visible    jQuery    element    show   css   visibility    visible       Or  assuming that the class that is hiding the element is called hidden  such as in Twitter Bootstrap  toggleClass   can be useful   jQuery    element    toggleClass   hidden       Lastly  if you want to chain functions  perhaps with fancy with a fading effect  you can do it like so   jQuery    element    css   visibility    visible    fadeIn  5000

[asp.net] How can I make visible an invisible control with jquery? (hide and show not work)

Examples related to asp.net

Examples related to jquery

Examples related to controls

Examples related to visibility

Examples related to visual-studio-2008-sp1