Что-то слишком наворочено:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.as1 {
color: #f00;
}
.as2 {
color: #0f0;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function() {
$('div.as1, div.as2').click(function() {
$(this).toggleClass('as1 as2')
})
});
</script>
</head>
<body>
<div class="as1">TTTT</div>
<div class="as1">TTTT</div>
<div class="as1">TTTT</div>
<div class="as1">TTTT</div>
<div class="as1">TTTT</div>
</body>
</html>