Clicca sul paragrafo per nasconderlo

by simogrima

HTML

<h1>Clicca sul paragrafo per nasconderlo</h1>

<p>Primo paragrafo</p>
<p>Secondo paragrafo</p>
<p>Terzo paragrafo</p>

CSS

p { color:#333; margin:5px; cursor:pointer; }
p.hilite { background:yellow; }

JavaScript

$("p").click(function() {
    $(this).slideUp();
});
$("p").hover(function() {
    $(this).addClass("hilite");
}, function() {
    $(this).removeClass("hilite");
});