jQueryでラベルをクリックするとパネルがスライド表示されるアコーディオンパネル

jQueryでラベル(タイトル部分)をクリックするとパネル(詳細部分)がスライド形式で表示されるアコーディオンパネル

平沢 唯

桜が丘高校在籍、1年3組→2年2組→3年2組→N女子大学教育学部
パート:リードギター、メインボーカル、コーラス、作詞
11月27日生まれ(射手座)。髪は茶色のセミロング。黄色のヘアピンで右の前髪を留めている。1学年下の妹の憂がいる。
本作の主人公。天然でドジっ娘気質。普段はのんびり屋で温厚だが、和とケーキを一口交換するときに、和からショートケーキのてっぺんの苺を食べられたときは珍しく感情を露わにして梓に電話をして同意を求めたりする一面を見せていた。自分の好みやこだわりに関する事実に関しては神経過敏な面もある。感情が顔に出やすい半面、見栄っ張りでもあり、優柔不断でもある。
勉強は苦手だが、1つの物事に真剣に取り組むと目覚ましい成果を挙げることができ、学校の追試や大学入試もパスした。しかし、その反面一つのことにしか集中できず1つのことを極めるとそれまで身に付けていたことを忘れてしまう。体を動かすことは苦手。
軽音部に入部するまでは知識や演奏経験が皆無の音楽初心者だった。最初は軽音楽を簡単な「軽い音楽」と誤解して軽音部に入部。一度は実情を知って入部を辞退しようとするが、澪達の演奏に心を動かされて入部を決意。高校3年間でギターに打ち込み、絶対音感と相対音感という天性の素質(自分の耳だけでチューニングを行ったほど)を持っていたこともあり、技術面では格段に腕を磨いたが、知識面については3年次でもおぼつかない状態である。自らボーカルに志願し、1年次の学園祭ライブ前はさわ子の指導のもと、喉を痛めてしまったものの、歌とギターを同時にこなせるようになった。

琴吹 紬

桜が丘高校在籍、1年時の所属クラスは不明→2年2組→3年2組→N女子大学
パート:キーボード、サブボーカル、サブコーラス、作曲
7月2日生まれ(蟹座)。半円状の太い眉毛が特徴。髪はウェーブのかかった(本人によるとパーマではなく癖っ毛)ロングヘアで、金髪に近いほどの明るい色をしている。肌の色は、原作では他のメンバーと変わらないが、テレビシリーズではより色白に描かれている。
大企業の社長令嬢で家には執事がおり、各地に別荘を所有する。唯がギターを購入したレコード・楽器店の「10GIA」や、軽音部員が一時期アルバイトに就いていた喫茶店は父の企業に属している。
通称「ムギ(ちゃん)(先輩)」。
性格はおっとりとして温厚。基本的にお嬢様らしいていねいな言葉遣いである。だが、内面は怖い一面を垣間見せており、行きつけの楽器屋に25万円のギターを値切ったり、無言で威圧して修理代を無料にさせるなど、楽器屋も紬には頭が上がらないようである。他、原作では澪との電話中に話しかけてきた執事を「斉藤!!今電話中なのよ、静かになさい!!」と怒鳴りつけていた。
成績は澪と同じぐらい優秀。

秋山 澪

桜が丘高校在籍、1年2組→2年1組→3年2組→N女子大学
パート:ベース、ボーカル、メインコーラス、作詞
1月15日生まれ(山羊座)、左利き。長い黒髪ストレートが特徴。前髪は姫カット
人見知りが激しい一方で寂しがり屋でもある。痛い話題や怖い話題が苦手な繊細な性格で、小学生の頃は引っ込み思案で友達も少なく、本ばかり読んでいた。律と出会ってからは人見知りが緩和され、律の提案で男口調で話す大人びた性格になっている。
前述の性格が原因で人前に出るのが苦手なため、ライブの前は極度に緊張して動揺する。それを克服するため、紬の父の企業が経営する喫茶店で唯たちとバイトをしたが、結局は接客業に免疫がついただけだった。しかし、追い詰められれば何でもできる性格で、ライブや劇なども何とか完璧にこなせた。テレビシリーズでは律の説得もあり、自分から一歩進んで前に出るようになり、夏フェスを積極的に楽しんだりしている。なお、テレビシリーズでは気弱な性格面がより強調されると同時にコミカルな一面を見せる事が多い。

中野 梓

桜が丘高校在籍、1年2組→2年1組→3年時不明
パート:リズムギター、サブコーラス、highschoolではボーカル、リードギター
11月11日生まれ(蠍座)。小柄な体格でやや青みがかった黒髪のロングツインテールが特徴。
唯たちが桜高軽音部に所属していた時の唯一の後輩。唯たちの1学年下で憂とは同学年。唯たちの卒業後は律の後を継いで部長に就任。
highschoolでは主人公。
両親がジャズバンドをやっていた影響で小学4年生のときからギターを学んでいるため、入部した時点でも演奏技術は確かなものがあり、専門知識も豊富に持っている。そのため、ジャズ研の純からの評価も高い。

田井中 律

桜が丘高校在籍、1年2組[注 10]→2年2組→3年2組→N女子大学
パート:ドラムス、サブコーラス
8月21日生まれ(獅子座)。桜が丘高校軽音部時代は1年から3年まで部長。唯と紬とさわ子からは「りっちゃん」と呼ばれている。茶色の前下がりショートカットに黄色のカチューシャをし、おでこを出している。冬季制服では(原作では冬場を除いて)ボタンの前を空けてブラウスの裾を出している。夏季制服ではベストを着ない。
軽音部メンバーの中で唯一、最初から軽音部に入部することを決めていた。指でちまちまするような細かい楽器が苦手という理由からドラムを担当する。テレビシリーズでは憧れのドラマーとして、過激なパフォーマンスで有名な「ザ・フー」のキース・ムーンの名を挙げている。ドラムの腕に関しては活きが良くパワフルとのことだが、走り気味だと評されることも多く、同じリズム隊である澪はリズムをキープするのが大変だと語っている。唯と同様、部活でほとんど練習しようとしないため梓や澪によく怒られるが、家では練習している模様。

jQueryを使い、ラベルをクリックすると隠れていたパネル(ラベルの内容が書かれた部分)が、スライドしながら
表示されるUIです。ポータルサイトのように、情報量に対して表示できるスペースが少ない場合に重宝します。
展開中のパネルの色を変更し、閉じているパネルのラベルにはロールオーバー効果をつけてより分かりやすいアコーディオンパネルに。
『番外編』:アコーディオンパネル横ver.


けいおん!好きなホームページ担当志望者がjQueryを勉強し始めたようです。

サイトのトップページへ

inserted by FC2 system