javascript - 单击下拉按钮时使图形区域缩小的任何选项

Question

我正在使用 d3 以及 rickshaw.js。我在一个容器中制作了图表和图例。因此，当单击图例下拉菜单时，它会向下滑动。当下拉菜单向下滑动时，我正在尝试缩小图形区域。以及当下拉菜单向上滑动时，图表必须恢复其原始结构。任何帮助或建议。正如我什至尝试使用示例一样，我已经摆弄了它。似乎不起作用。http://jsfiddle.net/YrhF3/1/ 。提前致谢

这是我摆弄的代码：

         $(function()
    {
      var expanded = false;
       $('.dropdownlegend').click(function(){
      if (!expanded)
        {

          $('.scatterchart').animate({width:'30%'}, 400);
          expanded = true;
      }
      else
      {

            $('scatterchart').animate({width:'59%'}, 400);
            expanded = false;
           }
            });
           });