Меняем класс у элемента

[Nikita_Barinov]

Ребят, приветствую! Реализовал задачу на js, чтоб, при клике по элементу, менялся его класс:

$('.categories-show-in').click(function() {            $('.categories-show-in').attr('class', 'categories-show-out');});$('.categories-show-out').click(function() {            $('.categories-show-out').attr('class', 'categories-show-in');});

При первом клике, да, класс у элемента меняется на categories-show-out, но при последующих кликах класс у элемента не меняется. Помогите решить проблему.

 

P.S. Мне нужно, чтоб класс был заменен, а не дописан

[afdw]

$('[class^="categories-show-"]').click(function() {  if($(this).hasClass("categories-show-in"))  {    $(this).removeClass("categories-show-in");    $(this).addClass("categories-show-out");  }  else  {    $(this).removeClass("categories-show-out");    $(this).addClass("categories-show-in");  }});

Как-то так.

[Nikita_Barinov]

$('[class^="categories-show-"]').click(function() {  if($(this).hasClass("categories-show-in"))  {    $(this).removeClass("categories-show-in");    $(this).addClass("categories-show-out");  }  else  {    $(this).removeClass("categories-show-out");    $(this).addClass("categories-show-in");  }});

Как-то так.

 

Во! Спасибо, заработало!