<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>
|