jqueryでアコーディオンメニューを自作する « kawama.jp司馬遼太郎を読むというサイトを運営してるんですが、各ページのコンテンツが非常に多く、縦に長いページになってしまっているので、アコーディオンメニューを導入してみました。 javascriptのアコーディオンメニューは探せばいくらでもあると思いますが、今回も勉強のために自作します。 というか、簡単なものであれば自作したほうが後々のメンテナンスが楽だと思います。 とりあえずググってこちらのページを見つけました。参考にさせていただきました。 http://coder.blog.uhuru.co.jp/js/easy_accordion $('.accordion_head').click(function() { $(this).next().slideToggle(); }).next().hide(); ソースはこんな感じ↑。非常にシンプルです。 これをベースに少し改良を加えてみました。 $(
