adding and removing classes

adding and removing classes

Hi!
I need to remove class to prevent triggering of click function for elements

Have:

<script type="text/javascript">
$(document).ready(function() {
$('.item1').click(function(){
alert('Hello');
$('#blabla').removeClass('item1').addClass('item2');
});
});

</script>


</head>
<body>
<div class="item1" id="blabla"> ksalj </div>














second click on element "blabla" triger again click function. why?

thanks in advance