はてなブックマーク - [CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン

(閉じる)

はてなブックマーク > コンピュータ・IT > [CSS]この発想はなかった！inputとlabelを使って実...

[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス

coliss.com

タグ : css css3 webデザインアコーディオン web制作デザイン jQuery accordion メニューボタン

コンピュータ・IT 236 users

パネルが開いた+ホバー時パネルが開いている時のアローは上向きに変わります。デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。デモページ：チェックボックス版デモページ：ラジオボタン版デモページ：チェックボックス版・デフォルトオープン実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <section class="ac-container"> <div> <input id="ac-1" name... > このページを見る

最終更新時間: 2012年02月22日08時54分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

unarist css, design
マークアップ的にはイマイチなのかねこれ 2012/05/02
saika_g html, css
CSSでアコーディオン 2012/03/25
site159 CSS3, UI(UserInterface)
おもしろいんだけど、、、　意味を考えると、、、　いいのか？これｗ 2012/03/21
kiyo_hiko css3, input
へえぇ…すごい＆デザインもいい感じ 2012/02/27
ryun_ryun css, デザイン, webデザイン, CSS3, jQuery
パーツとして使えますね。 2012/02/23
satrex webデザイン
シンプルで美しいのがいちばん。 2012/02/23
itsumu126
“[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス” 2012/02/23
SaekiTominaga 後で吊るす
確かにこういった発想はしないですね。 2012/02/23
adsty webデザイン, デザイン, css
inputとlabelで開閉機能を実現する方法。 2012/02/22
edo_m18 class, CSS, type, CSS3, web制作, webデザイン, アコーディオン, accordion
CSSプログラミングとかもこれの積み重ねだよね。 2012/02/222 RT

2 RT
glass-_-onion デザイン, webデザイン, CSS, html
かっけー。 2012/02/22
ko-ya-ma web制作, CSS3, accordion, ui, dev
詳しく解説してくれている。 2012/02/22
warriorking jQuery, CSS
(CSS)この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス 2012/02/22