jQueryのtoggleでアコーディオンメニューやタブをさくっと実装する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近友人と『中学生円山』を観に行きました。 女性にはおそらく理解できないであろう「男子中学生あるある（主に下ネタ）」が盛り込まれていて、いい意味でヒドイ内容でした。もう一回観たい（´ω`） さて、今回は「HTMLとCSSはわかるけどjQueryってなにそれ、おいしいの」という方向けに、今日から使える簡単かつ便利な3つのメソッド「slideToggle／fadeToggle／toggleClass」をご紹介します。 こいつらを知っとくと下記のようなメリットがあります。。 アコーディオンメニュー、タブ、スマホサイトでよくある「上からスラスラ出てくるメニュー」とか実装できる 超シンプルな記述なので、今日から使える いやーこれは便利ですね。 というわけで、早速解説していきます。 【こちらもおすすめ】 超簡単jQ

[Ray110]

便利なやーつ

[perry-tips]

dlタグ…

[kathew]

これ全然知らなかった

[momijitan]

jQueryアコーディオン機能の最短記述。助かった

[shunhouse552]

メニュー開閉サンプルスクリプト

[sometk]

わりと簡単

[yomikodesign]

写経用

[h-a-t-e-h-a-t-e-h-a-t-e-n-a]

かなりシンプルなアコーディオン(簡単)

[sakura-box]

js使えると幅広がる(´・ω・)

[pontohashi]

“$($(this).attr("href"))”

[kefi3104]

超簡単jQuery！toggle系メソッドでアコーディオンメニューやタブをさくっと実装する方法

[naow5]

タブの高速切替れいのババのやつ見っけた。

[z1a2nh]

超簡単jQuery！toggle系メソッドでアコーディオンメニューやタブをさくっと実装する方法

[minonet]

超簡単jQuery！toggle系メソッドでアコーディオンメニューやタブをさくっと実装する方法 （編集部注：2013年06月11日に公開された記事を再編集したものです。） こんにちは。デザイナーのせいとです。 最近友人と『中学…

[hedeyoshi]

便利じゃよ～（白目）

[kuraruk]

“デモはこちら”

[kemba]

　アコーディオン　メニューの設定　使い方

[norip44]

トグルで開いたり閉じたり系のjQuery書きかた。今日助けてもらったjQueryシリーズ。

[xylosh]

“toggleClass”

[natsukareala]

これも楽

[ow_ukeguchi]

トグル　アコーディオン

[vitaminsii]

参考になります。

[stuons]

サイドメニュー実装

[crealive]

森口耕次 iPhoneから送信

[ntmukai]

アコーディオンうちにも実装する！