jquery - Jquery- UI トグル

Question

http://jqueryui.com/toggle/には、アニメーションにトグル メソッドを使用する方法を示す素晴らしい例があり、アニメーションのタイプをパラメーターとして渡す任意のメソッドも提供しています。

これは (toogle に基づく) 単純な例ではありませんが、機能しません。ハードコーディングされたアニメーション (runeffect2) を実行する必要がある 2 番目のボタンを追加しました。基本的に、メソッドを呼び出さずにすぐにアニメーションを実行する必要があります...しかし、機能しません。私は理由を理解することはできません...

</style>
  <script>
  $(function() {
    // run the currently selected effect
    function runEffect() {
      // get effect type from
      var selectedEffect = $( "#effectTypes" ).val();

      // most effect types need no options passed by default
      var obj = {};

      // run the effect
      $( "#effect" ).toggle( selectedEffect, obj, 500 );
    };

    // set effect from select menu value
    $( "#button" ).click(function() {
      runEffect();
      return false;
    });
    $( "#buttonn" ).click(function() {
        var options = {};

      $( "#effect" ).toggle( "Explode", options, 500 );
      //return false;
    });

  </script>

フィドル http://jsfiddle.net/xTfED/に完全に機能しないソリューションを配置しました