<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" 
    content="text/html; charset=utf-8" />
  <title>The second jQuery example</title>
  <link type="text/css" rel="stylesheet"
    href="lib/ch2_2.css" />
  <script type="text/javascript" 
    src="lib/jquery-1.5.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $("#a").click(function(){
        $("#c").addClass("mClass");
        
      });
      $("#b").click(function(){
        $("#c").removeClass("mClass");
      });
      
    });
  </script>
  </style>
</head>
<body>
  <h1>Editing Style Sheets with jQuery</h1>
  <button id="a">Add CSS Class</button>
  <button id="b">Remove CSS Class</button><hr/>
  <div id="c">He who knows all the answers 
    has not been asked all the questions.
  </div><hr/>
  <div id="c">Be not afraid of going slowly, 
    be afraid only of standing still.</div>
</body>
</html>