Docs: update transition ex

Author: jlukic

docs/src/examples/query/plugins/query-transition-behavior/page.js

@@ -3,13 +3,13 @@ import { $ } from '@semantic-ui/query';
 
 $('ui-button').on('click', () => {
   const animation = $('.animation').val();
-  const direction = $('.direction').val();
+  const groupOrder = $('.direction').val();
   const duration = $('.duration').val() || 'auto';
   const interval = $('.interval').val();
 
   $('.box').transition({
     animation,
-    direction,
+    groupOrder,
     duration,
     interval,
   });

src/behaviors/transition/transition.js

@@ -257,6 +257,8 @@ const createBehavior = (
       return;
     }
 
+    // pass through animation id for easier debugging / inspection of animations
+    // i.e. "fade in" , "fade out", "bounce"
     const animationID = (direction)
       ? `${cssAnimations.name} ${direction}`
       : `${cssAnimation}`;