edit existing inline style using jquery?

Question

I have some html which seems to default to :

<ul style="top: 72px; visibility: hidden;">

But i need Jquery to rescue me and change top: 72px to top: 37px

Is this possible? as in Firefox 37px seems to show up but in IE7 it shows up as 72px

Thanks

edit: added more info

the ul id = treemenu1

and its parent element is div class = treemenu

Chad · Accepted Answer · 2011-12-02 16:14:38Z

23

$('#treemenu1').css({ top: 37 });

Should work fine.

jsFiddle of POC.

answered Dec 2, 2011 at 16:14

Chad

19.6k4 gold badges54 silver badges75 bronze badges

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

6 Comments

PD24 Over a year ago

added more info to original post

Chad Over a year ago

Ok, all that does is change the selector

PD24 Over a year ago

its the last li in my UL and the a tag is as follows: <a href="#" class="mainfoldericon">DISTRIBUTOR RESOURCES</a>

Chad Over a year ago

Wait, what? I thought the question was how to chang ethe top value in the ul?

PD24 Over a year ago

yeah it is.. the UL is created within the LI to create teh sub options. IE doesnt like the javascript for the menu and is adding 72px top to the UL.. so i need to check its a certain UL based on the content of the A tag.

|

Adam Rackis · Accepted Answer · 2011-12-02 16:21:46Z

12

I would select your ul by id:

$("#treemenu1").css("top", "37px");

Also note that you can update multiple css properties at once by passing an object in, whose keys and values correspond to css properties, and their new values:

$("#treemenu1").css({ "top": "37px", "bottom": "20px" });

answered Dec 2, 2011 at 16:21

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

Comments

ek_ny · Accepted Answer · 2011-12-02 16:15:33Z

7

$("ul").css("top", "37px");//this should work in all browsers.

answered Dec 2, 2011 at 16:15

ek_ny

10.3k8 gold badges51 silver badges60 bronze badges

1 Comment

PD24 Over a year ago

its the last li in my UL and the a tag is as follows: <a href="#" class="mainfoldericon">DISTRIBUTOR RESOURCES</a>

Collectives™ on Stack Overflow

edit existing inline style using jquery?

3 Answers 3

6 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related