JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<h4>Video Tags</h4>
<div id="tagbox">
     <span class="tag-filter">tag 1</span>
     <span class="tag-filter">tag 2</span>
     <span class="tag-filter">tag 3</span>
</div>
<h4>Video Filters</h4>
<div id="tagfilter">
</div>

JavaScript

function tag_ui_move(tag_object,filter_move_to){
    $(filter_move_to).append($(tag_object)).fadeIn();
}
$(document).ready(function(){
    $(".tag-filter").click(function(){
        var  inTagBox=$(this).parent( "#tagbox" ).length>0;
        var moveTo=inTagBox ? '#tagfilter' : '#tagbox';
        tag_ui_move(this,moveTo);
    });
});