Box 1

id=box1
class=box

Box 2

id=box2
class=box

Box 3

id=box3
class=box

Show/Hide/Toggle

 

Hide Box 1

(or click on Box 1 to hide with "this")

 

Hide all the boxes:

- With comma-separated IDs

- With className

- All except Box 2

 

Toggle

 

Hide Box 2 using Visibility

 

Change Class

 

Add class "bigger" to Box 2

 

Toggle class "bigger" on and off Box 2

 

Add class "bigger", and replace class "box" with "box2" on all the boxes

 

Get the class of Box 2

 

 

 

Change CSS properties

 

Change 1 property of the <code> text in Box 1

 

Change many properties of the <td>s in Box 3