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