Многоразовая смена класса по клику?

Question

[valgerofficial]

Привет всем, имеется такой вот код.

<li><a href="#"><i class="md-home"></i>Главная<span class="md-keyboard_arrow_right"></span></a></li>

$("#navbar ul li a").click(function() {
		$("#navbar ul li a span").removeClass('md-keyboard_arrow_right'),
		$("#navbar ul li a span").addClass('md-keyboard_arrow_down');
	});

Что он делает я думаю объяснять не нужно, он убирает класс у тэга спан, и добавляет новый. Всё работает хорошо, но эта функция работает всего 1 раз, что бы она работала снова нужно перезагрузить страницу. Вот и сам собственно вопрос. Как сделать что бы он был зацыкленным. Вот как на тостере. Эта стрелка в блоке профиля.

Answer 1

[4mobile]

$("#navbar ul li a").click(function() {
    $(this).find("span")
       .toggleClass('md-keyboard_arrow_right')
       .toggleClass('md-keyboard_arrow_down');
  });

Answer 2

[Иван]

У JQ есть функция .toggleClass()