<html> <head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("span").click(function () { $("li").each(function(){ $(this).toggleClass("example"); }); }); }); </script> <style> .example { font-style:italic; } </style> </head> <body> <body> To do list: <span>(click here to change)</span> <ul> <li>A</li> <li>B</li> <li>C</li> </ul> </body> </html>