Loading...

Search jQuery

Search

jQuery Forum

Changing a DIV or table cell to visible using JQuery

in Using jQuery • 12 years ago

Hello Group,

I have a DIV element on a page that has a style="visibility: false" when the page loads. When a user unchecks a checkbox, I am using JQuery to do many things on the page. All of which are working but one thing. I cannot seem to make the DIV element visible. I have tried several things all of which have not worked. Does anyone have any idea how to make this DIV element visible using JQuery?

Here is one of the things I tried which didnt work... dv1 being the ID for the div.

In the control....

<

div style="visibility: hidden" id="dv1">

In the JQuery .....

$("#dv1").show();

Thanks in advance.

Lee

1

Replies(3)

Re: Changing a DIV or table cell to visible using JQuery

12 years ago

show() and hide() change display block/hidden

use css() method http://api.jquery.com/css/

DmitriiP

Re: Changing a DIV or table cell to visible using JQuery

12 years ago

<div style="display: none" id="dv1">....</div>

$("#dv1").show();// and $("#dv1").hide();

or

<div style="visibility: hidden" id="dv1">....</div>

$("#dv1").css("visibility","visible"); // and $("#dv1").css("visibility","hidden");

Re: Changing a DIV or table cell to visible using JQuery

12 years ago

Thanks guy for your help. I used this approach below and it worked fine. I was so close but yet couldnt get it.

<div style="display: none" id="dv1">....</div>

$("#dv1").show();// and $("#dv1").hide();