<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.js"></script>
<style>
p {
color:blue;
}
.animated {
color:red
}
</style>
<script>
$(function(){
$("p").click(function () {
$(this).addClass("animated", 6000);
});
});
</script>
</head>
<body>
<p>some textasdds dsad asd</p>
</body>
</html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.js"></script>
<style>
p {
color:blue;
}
.animated {
color:red
}
</style>
<script>
$(function(){
$("p").click(function () {
$(this).addClass("animated", 6000);
});
});
</script>
</head>
<body>
<p>some textasdds dsad asd</p>
</body>
</html>
