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

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;
           }
            });
           });