Webpark
コメントの編集
Name:
URL:
COMMENT:
こんにちは。 アコーディオンメニューを試してみて、とても役立ちました! 有益な情報ありがとうございます。 ひとつ質問なのですが、アコーディオンメニューをクリックでオープンさせることはできますが 閉じることはできますか? できれば <div>カテゴリー1</div>部分をクリックするとオープン、 もう一度クリックすると閉じる、というように動かせたいと思っています。 今、htmlを下記のように記述して、 ×を押すと閉じる、という仕様にしているのですが、 ×の部分の幅が気になります。 開いた際に閉じるマークが出てくる仕様にする場合はどのようにすればいいか 解決策や代案があれば教えて頂ければ嬉しいです。 よろしくお願い致します。 <div id="accordion"> <form> <label> <input type="radio" name="btn" /> <div> <div>menu</div> <ul> <li><a href="#">サブカテゴリー1</a></li> <li><a href="#">サブカテゴリー2</a></li> <li><a href="#">サブカテゴリー3</a></li> </ul> </div> </label> <label> <input type="radio" name="btn" /> <div> <div>×</div> </div> </label> </form> </div>
PASS:
カテゴリ
JavaScript (68)
お役立ちサイト (41)
スタイルシート (82)
ウェブデザイン (24)
HTML (16)
Google (40)
FC2ブログ (33)
その他いろいろ (50)
タグ
CSS
CSS3
CSSセレクタ
CSSプロパティ
Webフォント
メニュー
海外サイト
まとめ
チュートリアル
JavaScript
jQuery
Google
ツール
SEO
アクセスアップ
FC2ブログ
Recent Entry
jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法 (05/17)
プレゼン資料のデザインに役立つスライド、サイト、記事と私が感じたこと (09/28)
jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー (08/24)
ゴーストボタンにマウスを乗せたときの動きいろいろ16個 (05/30)
画面サイズに合わせて高さを指定する3つの方法 (04/20)
マウスを乗せたときと外したときでtransitionの内容を変える方法 (03/20)
背景に使えるCSSグラデーション作成ツール4選とその使い方 (03/03)
CSSで作ったドロップダウンメニューのドロップの動きいろいろ (02/13)
3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる (01/17)
Webギャラリーサイト「samprary」を作ってみました (12/17)
Webpark - ウェブサイト作成に役立つことをいろいろと
Popular Entry
CSS(スタイルシート)の基本、小技、テクニック総まとめ
意外と知らない!?CSSセレクタ20個のおさらい
保存版!CSS3セレクタの説明書
CSS3を使うにあたって知っておきたいIE対策のまとめ
CSSの擬似要素を使った見出しデザイン
擬似要素とCSS3を使ってリストメニューを楽しくデザイン
オンマウスでふんわり現れる!CSS3を使った吹き出しサンプル5つ
jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します
CSSだけで作る動きのあるドロップダウンメニュー
jQueryを使った一定以上スクロールすると上に固定される横メニュー
CSS3について知っておきたいことのまとめ
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!