Question

Am I changing the style correctly? I am trying to change overflow-x to scroll. It’s not working.

css

div.anythingSlider .anythingControls .anythingNavWindow {
margin-top: 15px;
overflow-x:hidden;
float: left;
}

js

$("div.anythingSlider .anythingControls .anythingNavWindow").css({"overflow-x":"scroll"});

Answer 1

What you are doing there is selecting all elements that correspond to the selector “div.anythingSlider .anythingControls .anythingNavWindow”, but not changing the class definition itself. If you want to change the class maybe you need to fiddle a little with additional classes, so your CSS sheet looks like this:

div.anythingSlider .anythingControls .anythingNavWindow {
  margin-top: 15px;
  overflow-x:hidden;
  float: left;
}

div.anythingSlider.withOverflow .anythingControls .anythingNavWindow {
  overflow-x: scroll;
}

This way you can select with jQuery the anythingSlider element you want to change and do something like:

$("div.anythingSlider").addClass("withOverflow")