bl6.jpホーム買いものお出かけ雑記bl6.jp備忘録を綴るブログmenuホームJavaScriptシンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」JavaScript2017.07.17シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」SimpleAccordionは、シンプルなアコーディオンを実装することができるjQueryプラグインです。見出しをクリックすると、サッとさりげないフェードでコンテンツが表示されます。複雑な機能を必要とせず、シンプルで手軽に実装可能なアコーディオンを探している人にオススメです。SimpleAccordion以下、SimpleAccordionの実際のデモページです。デモデモでは3つのテキスト項目が並べられており、各項目をクリックするとフェードでコンテンツが表示されます。再度、見出しをクリックするとコンテンツが非表示になる仕組みです。コンテンツが表示される時のフェードアニメーションがとてもさりげない感じなのがいいですね。複雑な機能や余計な装飾などもなく、シンプルで簡単な操作性のアコーディオンに仕上がっています。コンテンツが表示されている時は、そのコンテンツの見出しのカラーが変わっているので、どの見出しに対応したコンテンツが開かれているのか瞬時にわかります。実行することも可能です。ちなみに、全表示するボタンには「.showall」、全非表示にするボタンには「.hideall」のクラスを付与します。そのほか、見出しには「.acchead」、コンテンツ(本文)には「.accbody」のクラスを使用します。それ以外にも、「.accopen」や「.rotate」といったクラスもあるので、気になる人はぜひチェックしてみてください。いうわけで、シンプルで操作性も簡単なアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」のご紹介でした。SimpleAccordionの詳しい使い方やダウンロードは、以下のページからどうぞ。JS」次のページ検索:最近の記事2023.05.26MySQLのパスワードが原因だったWordPressのダッシュボードを開くたびに「PHPが古いからバージョンアップ...2023.05.2510時開店のカフェもなかなか使い勝手がいいオールドデリーに行きたくて少し早めに銀座へ到着したのはいいものの、いや少しではな...2023.05.23なぜか2枚目のナンが運ばれてくる(笑)ひさしぶりに銀座のオールドデリーへ行ってきた。いつのまにか移転したらしくメルサか...2023.05.22実るほどこうべをたれる、いや最初からこうべは真下か...スタバを終えて歯医者までまだ時間があったから公園まで散歩することにした。