jQueryでヘッダーにあるナビバーを作りたい

Question

<ul> <li class="sub-list">TOP</li> <li class="sub-list">PRODUCT</li> <li class="sub-list">ABOUT</li> <li class="sub-list">NEWS</li> <li class="menu">MENU</li> </ul>

menuを押すと上にsublistが上にずらっと並ぶようなナビバーを作りたいのですがうまくできません。

http://pas-pol.jp/

こちらの携帯サイズのヘッダーのナビバーと似たようなものを作りたいのです。

cssにて
sublistにdisplay:none;
acitveにdsplay:block;
をつけて

$('.menu').click(function () {
$(this).parent().find('.sub-list').toggleClass('active').slideToggle();
})

上記のようなコードを書いたのですが

Uncaught TypeError: $(...).meanmenu is not a function
とエラーが出ました。

menuを意味する関数はありませんという意味だと思うのですが
意味がよくわかりません。

ご教授願いたいです。

Comments

[wataame]

そもそもhtml側にmenuクラスがないからだと思われます。
あとcssも含めコードブロックで書かないと回答は得られにくいと思います。

記述されている情報だけだと正確な回答は難しいと思います。

Answer 1

jsのファイルの誤りでした。

たしかに質問の記述の通りに書いて保存したのですがそこが丸っと消えて、書いた覚えのないmeanmenu()という関数だけ記述されてました。PCはやはり不思議なことがよく起こります。今回はすこし不気味な感覚さえ覚えましたがこれいったいなんなんでしょう...

修正依頼をしてくださった方わざわざありがとうございました。コードブロックという言葉は初めて聞きましたがググってもよく分かりませんでした。今度エンジニアの知り合いに聞いてみたいと思います。