How to get default css value after jquery function

Question

Hi I have one questions For example :

$("#menu").click(function(){
    $("#left_panel, #main_footer").fadeToggle(200);
    $("#input_content").css({width:"100%"});
});

And I want after this function css get default property

possible duplicate of stackoverflow.com/questions/2500500/… — Harry
– Harry, Commented Jul 11, 2014 at 14:51
this looks like an answer stackoverflow.com/a/1053421/2115584 — Baximilian
– Baximilian, Commented Jul 11, 2014 at 14:52

Igor · Accepted Answer · 2014-07-11 14:51:01Z

3

Default height value is auto, so you can set it back with:

$("#input_content").css({ width: 'auto' });

answered Jul 11, 2014 at 14:51

Igor

34.3k14 gold badges82 silver badges116 bronze badges

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

Comments

SVSchmidt · Accepted Answer · 2014-07-11 15:16:03Z

0

The simpliest way is to set the style to something useless. Then the browser won't interpret it and fall back to the rules you've defined in your CSS. The standard way would be setting it to an empty value:

$("#input_content").css("width","");

If you want to fully reset it to its default value defined by the browsers stylesheet, you may try to set the value to "initial":

$("#input_content").css("width","initial");

Or you set the default value yourself, which is "auto" (See W3C).

answered Jul 11, 2014 at 15:16

SVSchmidt

6,6052 gold badges30 silver badges37 bronze badges

3 Comments

Val Do Over a year ago

I want when i again clicked $("#menu") selector get back default css value

SVSchmidt Over a year ago

Since .css() sets the styles inline, you may simply check if the element has the width attribute set or not. if($("#input_content")[0].style.width == "") { Set to 100% } else { reset to default (see my answer) }

Val Do Over a year ago

Please Write this example jsfiddle

Collectives™ on Stack Overflow

How to get default css value after jquery function

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related