Create2016.11.11こんにちわこんばんわ、ちばです。社内のAtom使用率9割に含まれてない方の人でーすヽ(゚∀。)ノBracketsとsublimeを使い分けていますが、たまにパッケージの話などが出てくると肩身が狭くなります(笑)なのでBracketsやsublimeの話が出来るエンジニア募集中です!さて、本日はCSSだけでアコーディオンを作ったので紹介します。:targetを使おう時折見かける:targetですね。今回ブログを書くにあたってサンプルを作るまで仕組みが全くわかっていませんでした。簡単な上に、ピュアCSSで様々な事が出来そうです。CodePen.仕組みは単純で、aタグをクリックした際に指定されているIDの要素に:targetとしてフォーカスが当たるので、その箇所だけスタイルが当たるようにCSSを書いてあげるだけです。まとめどうでしょうか?とても簡単にこんな動きが実装できちゃいます。これを応用したらドロワーメニューなども作れたりもします。このようなセレクタを使って表現の幅が広がって行くのはいいですよね。Web上での表現の今後が楽しみです。シェアツイートブックマークWriterちば北海道から上京してきました。コーダー歴二年目入りましたヽ(゚∀。CreateCSSだけでアコーディオンを作ってみた!Contactご提案依頼、ご相談、お見積もりなどお気軽にお問合わせください。10:00~19:00「Web制作について」とお伝え頂ければ担当者に取次させていただきます。Mailformcontact@trym.jpでも受け付けております。