jQuery：如何删除点击切换的附加项目

Question

我正在点击“范围”附加一个班级。我可以删除附加的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; 
    } 
});