fix: replace data-transform with toggle

Author: frankpagan

demo/index.html

@@ -21,22 +21,22 @@ <h5 style='color:blue'>Toggle</h5>
 
     <h5 style='color:blue'>show</h5>
     <div show='#showdiv' hide='#hidediv'>
-    <i class="fas fa-plus-circle" data-transform_to="fas fa-minus-circle"></i>
+    <i class="fas fa-plus-circle" toggle="fa-minus-circle, fa-plus-circle"></i>
     </div>
     <div id='showdiv' class="hidden"> Only SHOW </div>
     <div id='hidediv'> TAG HIDE</div>
 
     <h6 style='color:blue'>2 example SHOW (2 elements by ID) HIDE (1 element by ID)</h6>
     <div  show='#showdiv1,#show2' hide='#hidediv1'>
-    <i class="fas fa-plus-circle" data-transform_to="fas fa-minus-circle"></i>
+    <i class="fas fa-plus-circle" toggle="fa-minus-circle, fa-plus-circle"></i>
     </div>
     <div id='showdiv1'> Only SHOW 1</div>
     <h3 id='show2'> only show 2</h3>
     <div id='hidediv1'  class="hidden"> TAG HIDE</div>
 
     <h6 style='color:blue'>2 example SHOW (2 elements by class) HIDE (3 element by class)</h6>
     <div  show='.my_show' hide='.my_hide'>
-    	<i class="fas fa-plus-circle" data-transform_to="fas fa-minus-circle"></i>
+    	<i class="fas fa-plus-circle" toggle="fa-minus-circle, fa-plus-circle"></i>
     </div>
     <div class='my_show'> Only SHOW 1</div>