jQueryでアコーディオンパネルを簡単に自作する方法
javascriptとjQueryの基本的な使い方についてまとめてきたので、実際に実用的なものを作ってみます。 まずはWebでもよく使うアコーディオンパネル。ECサイトのカテゴリーリストの開閉なんかでも使われることが多いです。ただ、プラグインを導入するほどでもないようなちょっとしたことが多いのでさくっと自作してみることにします。 jQuery自作するシンプルなアコーディオンパネル ここでは以下のような要件を満たす機能を実装します。 要素をクリックするとリストを表示 表示中の要素をクリックすると閉じる 表示中は−ボタン、閉じてるときは＋ボタンを表示 今回ボタンにはFontAwesomeを使用します。HTMLの方はあまり深く考えず構造だけ作っていけばOK。リストは通常時に閉じてるのでcssでdisplay: noneを指定しておきます。 HTML <!DOCTYPE html> <html l
WebデザイナーのためのChrome無料拡張機能まとめ BEST25
ブラウザ上でWeb制作作業を行うことも多くなってきましたが、拡張機能は揃ってますか？DevToolsしか使っていないという方にはこの記事はまさにおすすめ。便利な拡張機能を使って、効率良くWeb制作をしましょう！ FireFoxを使っているかたは、FireFoxの無料アドオンまとめも合わせてチェック！ Chromeおすすめ拡張機能まとめ 25本 Web Developer 定番のWeb開発ツール。javascriptのオンオフや画像の非表示など多くのことができます。 Web Developer Checklist Web開発にやるべきことのチェックリストを作れる拡張機能。タスク一覧が表示されるシンプルなチェックリストです。 Page Ruler コンテンツのサイズをドラッグ＆ドロップで測定できるChrome拡張機能。Webサイトのサムネイルの大きさや、コンテンツの間隔などを測定するときに使っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
