jQuerey、アコーディオンメニューに関して

質問

質問させて頂きます。
jQueryの知識が乏しいため、質問の内容がザックリとなってしまい申し訳ありませんが、ご存知の方は回答頂けると助かります。

jQueryにてアコーディオンメニューで検索すると、多くのプラグインが用意されています。
今回もそういったプラグインを使用して、アコーディオンメニュー(のようなもの？)を作成したいと考えています。

ですが、今回私が作成したいと考えているのは、
ボタンをクリックした際に表示される領域が、最初から少しだけ表示されている状態にしておきたいと考えています。

＜例＞
//1行目部分は最初から表示
■■■■■■■■
1行目
----------------

↓■部分をクリックすると、スライドして2行目と3行目も表示

■■■■■■■■
1行目
2行目
3行目
----------------

全て表示or全て隠れているといった形のアコーディオンプラグインであれば、検索してすぐに見つかるのですが、上記のような1行目のみ表示された状態といったことが出来るプラグインは見つけられずにいます。
jQueeryの知識も乏しく、自分で作成するということも厳しいので、そういったことの出来るプラグイン、または、方法など教えて頂ければ幸いです。

質問の内容的に回答が難しいかもしれませんが、ご存じの方がいらっしゃいましたら、よろしくお願い致します。

回答No.1

ORUKA1951 · ベストアンサー

CSS3のtransformを使うととっても簡単ですよ。ホーバーではなくクリックでしたら:target擬似クラスを使いましょう。javascriptじゃないのでjavascriptを禁止しているユーザーにも仕えます。(ただし古いブラウザには無効ですが、それこそJSで対処する。)

お礼

回答頂きありがとうございます。
早速試したいと思います！