Change CSS rule in class using JQuery

Question

I have a class in CSS

.Foo
{
  width:20px;
}

Using Jquery I would like to do something similar to this on an event:

$(\".Fo         


        

Answer 1

you could add the styling manually to the header with jquery:

  $('head').append('');

then change it on an event like e.g. so:

  $(window).resize(function(){
     $('#addedCSS').text('.Foo {width:80px;}');
  });