Jquery- UI切换

Question

在http://jqueryui.com/toggle/上有一个很好的例子，展示了如何使用动画的切换方法，它甚至提供了传递动画类型作为参数的任意方法。

这是一个不太复杂的例子（基于toogle），但它不起作用。我已经添加了应该执行硬编码动画的第二个按钮（runeffect2）。基本上它应该在那里做动画而不调用方法......但它不起作用。我只是想弄清楚为什么......

</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/