Как очистить класс с помощью JS?

Question

[Дмитрий]

Здравствуйте!
Не могу разобраться, как осуществить корректную очистку класса, при выполнении добавляются сразу несколько классов а предыдущие не удаляется, итак, имею:

$(".next").live('click', function() {

		var idN2 = $(this).data("id");

		$.get( '/page/'+idN2+'.json', function(data) {

                        $(".item").animate({marginLeft:"-100px", opacity: "0"},200);

			$(".item").animate({marginLeft:"80px"},100, function(){

			$(".item").html('');

                         $(".item").append('<div">'+'</div>');

                       )};

                });

Соответственно, после клика на кнопку первый раз все ок, а при следующих кликах класс .item не очищается, как такое реализовать? Функция animate в данном случае Callback?

Comments

[Kuzzy]

Вам не клас нужно удалить, а содержимое элемента $(".item") ?

[Дмитрий]

Да все верно не правильно выразился, в вопросе!

Answer 1

[Дмитрий]

Все разобрался были проблемы с дублированием классов, @Kuzzy отдельное спасибо!

Answer 2

[Vadim Bogomazov]

removeClass('имя класса'), не?

Answer 3

[Kuzzy]

в данном контексте вместо $(".item").html(''); напишите $(this).empty()

Answer 4

[Kuzzy]

У вас одновременно выполняются 2 анимации, при чем одно и тоже свойство в противоположном направлении, ваш код вообще работает? Возможно стоит все поставить в очередь?

$(".item").animate(
    {marginLeft:"-100px", opacity: "0"}, 200,
    function() {
        $(this).animate(
            {marginLeft:"80px"},100, 
            function(){
                $(this).empty('')
            }
        )}
    )

Comments

[Дмитрий]

Все равно не работает, дело не в анимации, а скорее всего тк далее идет .append(), подправил вопрос!

[Kuzzy]

jsfiddle.net/3KT96 все работает, посмотрите скобки у вас не правильно закрыты, консолька не ругается?