jquery - jQueryの垂直ドロップダウンメニューのイージング

Question

垂直ドロップダウンメニューを作成しました（幅100％）

赤い部分にマウスカーソルを合わせると、

サブメニュー (幅 100%) をドロップダウンのように表示する必要があります... (灰色の BG セクション)

しかし、それは機能せず、何が問題なのかわかりません....

誰でも私を助けてもらえますか？

これがデモです...

http://fiddle.jshell.net/B3tZj/

$(document).ready(function () {   
    $("#gnbMenu").hover(
      function () {$('#subWrap').animate({height: "show"}, 300, "easeInOutCubic");}, 
      function () {$('#subWrap').hide();}
    );
}); 

エラー: Uncaught TypeError: オブジェクト # にメソッド 'easeInOutCubic' がありません