CSSでハンバーガー（三本線）をバツ（×）に切り替える【スマホメニューに使える】｜DAD UNION – エンジニア同盟
CSSを使ったハンバーガー（三本線）とバツ（×）ボタンを、簡単に切り替える方法をご紹介します。 toggleClassを使ってclassを追加・削除するだけです。スマホサイトのメニューボタン等に使えます。 ハンバーガー（三本線）とバツ（×）ボタンのCSS記述 ※ハンバーガー（.menu、.menu span）とバツボタン（.close、.close span）のCSS記述です。サイズ・色等は必要に応じて書き換えてください。 <style type="text/css"> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif; padding: 0; margin: 0; overflow-x: hidden; line-height: 1.
jQueryのtoggleを使ってコンテンツをアコーディオン風に開閉表示する方法｜DAD UNION – エンジニア同盟
jQueryのtoggleを使ってクリックアクションで隠れてたコンテンツエリアをアコーディオン風に開閉表示する方法をご紹介します。 jQueryのtoggleを使ってコンテンツをアコーディオン表示するCSSの記述例 ※アコーディオン表示するliタグはデフォルトで非表示にしておきます。必要に応じて変更して下さい。 <style type="text/css"> <!-- #iWrap{ margin:0 auto; padding: 7px; width: 400px; border: 2px solid #333; } #iWrap h2{ margin:10px; padding: 5px; border: 2px solid #333; background-color:#CCC; cursor: pointer; } #iWrap h2:hover{ background-color
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
