title: overload the _transition method in Dojo
body: <p>I am going insane on this one. All I want to do is inherit from StackContainer and add a simple effect.
  PLEASE NOTE: I know there are overcomplicated, experimental widgets out there that do do transitions. However, their code is a total overkill. What I am after, is the simplest, <em>working</em> way for a stack container to do transitions.</p>
  
  <p>This is a NON-working example:</p>
  
  <pre><code>declare('app.StackFade', [ StackContainer], {
  
    _transition:function(newWidget, oldWidget){
  
     // this.inherited(arguments); // This breaks things, obviously
  
      console.log("Transition called");
      html.style(oldWidget.domNode, "opacity", 1);// Random attempt
      baseFx.fadeOut({
        node:oldWidget.domNode,
        duration: 500,
        onEnd: function(){
          console.log("First animation finished");
          baseFx.fadeIn({
            node:newWidget.domNode,
            duration:500,
            onEnd: function(){
              html.style(newWidget.domNode, "opacity", 0);
              lang.hitch(this,"inherited", arguments, arguments); // this doesn't work
              console.log("Second animation finished");
            },
         }).play();
        }
      }).play();
  
    }
  }
  </code></pre>
  
  <p>How do I turn this non-working example into a working one? Again, I am after something very simple, plain, a few lines of code to change _transition and that's it!</p>