You can edit / change the code and click run button <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>hover demo here</title> <style> ul { margin-left: 30px; color: red; font-size:30px; } li { cursor: default; } span { color: blue; } </style> <script src="../../../jquery-1.10.2.js"></script> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script> Here is the jQuery hover() demo. <ul> <li>paragraph one</li> <li>paragraph two</li> <li>paragraph three</li> <li>paragraph four</li> </ul> <script> $( "li" ).hover( function() { $( this ).append( $( "<span> *******" ) ); }, function() { $( this ).find( "span:last" ).remove(); } ); </script>