Saturday, August 17, 2013

Add/Remove class without using toggle class

Add/Remove class without using toggle class

I want to use it without toggleClass method
<style type="text/css">
p { background:#FF0000; color:#FFFFFF; font-weight:bold;}
.hover{ background:#000099;}
</style>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('p').on('click', function() {
$(this).addClass("hover")
} $(this).removeClass("hover")
});
});
</script>
<body>
<div id="elm">
<p>prem</p>
<p>Ravi<p>
<p>Sanjay
<p>
<p>Anjali<p>
</div>
</body>

No comments:

Post a Comment