Reassigning CSS rules with JavaScript


show more Reassigning CSS rules with JavaScript provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver show less
please wait ...

Reassigning CSS rules with JavaScript

Now that we have we disabled the CSS rules that make our user interactive experience possible, we need to add them back in with JavaScript. So in Dreamweaver, let's come back to our sliding_ panels.js file, let's scroll up, let's find our document ready, and the first thing we are going to do in the document ready is set a block property back onto the tabs container. So we'll type dollar sign, beginning and ending parentheses, tick marks for a string literal, .sp, space, .tabs, outside of the parentheses .css, another set of parentheses, semicolon, inside of the parentheses for css two tick marks for the first string literal. We are going to type display, outside of the string literal comma, another string literal. Let's put in block.

So we set display none as the default state, and now with JavaScript we are going to go back and reassign display to block. After that instruction, let's hit a few returns and let's target the other two items. So dollar ...

Reassigning CSS rules with JavaScript
Video duration: 4m 8s 1h 6m Intermediate

Viewers:

Reassigning CSS rules with JavaScript provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...