jQuery: Как удалить добавленный элемент при переключении на клик

Question

Я добавляю класс по клику «span». Я могу удалить этот добавленный div, щелкнув по другому значку и добавив туда. Как я могу добавить тумблер на каждой иконке щелкнул дважды .Это мой JQuery ниже:

var toggle = true; 
$('.extra-items span').on('click',function() { 
    $(".mid-side .same-category").remove(); 
    if(toggle) 
    { 
     $(this).closest(".row").append($(".media-categories-all").html()); 
     toggle = false; 
    } 
    else 
    { 
     $(this).closest(".mid-side .same-category").remove(); 
     toggle = true; 
    } 
}) 

Есть много «пролете» тоже. Когда он добавляется при первом нажатии на значок, он удаляет это также при первом щелчке другого значка, и ничто не добавляется при первом щелчке.

Спасибо brso05

Answer 1

Вы можете создать глобальную переменную и использовать ее для переключения:

var toggle = true; 
$('.extra-items span').on('click',function() { 
    //removed remove() here 
    if(toggle) 
    { 
     $(this).closest(".row").append($(".media-categories-all").html()); 
     toggle = false; 
    } 
    else 
    { 
     $(this).closest(".mid-side .same-category").remove(); 
     toggle = true; 
    } 
});