<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p").on("click", function(){
$(this).after("<p>Another paragraph!</p>");
});
});
</script>
<style>
p { background:yellow; font-weight:bold; cursor:pointer;
padding:5px; }
p.over { background: #ccc; }
span { color:red; }
</style>
</head>
<body>
<p>Click me!</p>
</body>
</html>