jquery click change class

Я изучаю 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>