jquery单击更改类

我正在研究 jquery,我想做一个有效的事情：首先点击,滑下div#ccc并将链接类更改为’aaa’;再次单击,向上滑动div#ccc并将链接类更改回’bbb’.现在滑块可以工作,但removeClass,addClass不起作用.如何修改让两个有效的工作完美？谢谢.

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){              
$("#click").click(function() {
    $("#ccc").slideDown('fast').show();
    $(this).removeClass('bbb').addClass('aaa');
});
$("#click").click(function() {
    $("#ccc").slideDown('fast').hide();
    $(this).removeClass('aaa').addClass('bbb');
});
});
</script>
<style>
#ccc{display:none;}
</style>
<div id="click" class="bbb">click</div>
<div id="ccc">Hello world</div>