change css inline using jquery

Question

I have a button like this

<input type="button" id="btnEdit" value="Edit Selected" class="emrBTN" style="top:5;right:95;width:100; visibility:hidden" />

I want to change the visibility to visible using jquery onclick ob a button event. How can I do that. Thanks

Your CSS is invalid, lengths require a unit unless they are 0. — Quentin
– Quentin, Commented Jul 16, 2010 at 20:55

Quentin · Accepted Answer · 2010-07-16 20:54:57Z

6

jQuery('#btnEdit').css('visibility', 'visible');

It is very near the top of the CSS section of the documentation.

answered Jul 16, 2010 at 20:54

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Prathamesh dhanawade Over a year ago

Can we do this : $('.emrBTN').css('visibility', 'visible'); And how to change multiple css attributes say css('visibility', 'visible') and css('position', 'relative') simultaneously ??

Chris Wagner · Accepted Answer · 2010-07-16 20:57:18Z

2

Solution here: http://jsfiddle.net/hY3eg/

HTML:

<input type="button" value="Make Visible" id="makeVisible"/>

<input type="button" id="btnEdit" value="Edit Selected" class="emrBTN" style="top:5;right:95;width:100; visibility:hidden" />

JS:

$(function() {
    $("#makeVisible").click(function() {
        $("#btnEdit").css("visibility", "visible");
    });
});

answered Jul 16, 2010 at 20:57

Chris Wagner

21k8 gold badges77 silver badges96 bronze badges

Collectives™ on Stack Overflow

change css inline using jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related