more button stuff

www/index.html

                     </td>
                     <td>
                       <div class="btn-group" role="group">
-                        <button type="button" class="btn btn-primary" data="autodoc_tag_color_primary">
+                        <button type="button" class="btn btn-primary autodoc_tag_color" data="autodoc_tag_color_primary">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-secondary" data="autodoc_tag_color_secondary">
+                        <button type="button" class="btn btn-secondary autodoc_tag_color" data="autodoc_tag_color_secondary">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-success" data="autodoc_tag_color_success">
+                        <button type="button" class="btn btn-success autodoc_tag_color" data="autodoc_tag_color_success">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-danger" data="autodoc_tag_color_danger">
+                        <button type="button" class="btn btn-danger autodoc_tag_color" data="autodoc_tag_color_danger">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-warning" data="autodoc_tag_color_warning">
+                        <button type="button" class="btn btn-warning autodoc_tag_color" data="autodoc_tag_color_warning">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-info" data="autodoc_tag_color_info">
+                        <button type="button" class="btn btn-info autodoc_tag_color" data="autodoc_tag_color_info">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-light" data="autodoc_tag_color_light">
+                        <button type="button" class="btn btn-light autodoc_tag_color" data="autodoc_tag_color_light">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-dark" data="autodoc_tag_color_dark">
+                        <button type="button" class="btn btn-dark autodoc_tag_color" data="autodoc_tag_color_dark">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>

www/js/autodoc.js

   });
 
   $('.autodoc_tag_color').click(function(e) {
-    console.log(e);
     $(e.target).parent().children().removeClass('active');
     $(e.target).addClass('active');
 
+    $('.autodoc_tag_btn_on').addClass('d-none');
+    $('.autodoc_tag_btn_off').removeClass('d-none');
+
+    $(e.target).children('.autodoc_tag_btn_on').removeClass('d-none');
+    $(e.target).children('.autodoc_tag_btn_off').addClass('d-none');
+    
+
     $(e.target).parent().children().each(function(id,x) {
       var myclass = 'badge-' + $(x).attr('data').split('_').pop();
       $('#autodoc_tag_result').removeClass(myclass);