jQueryのslideToggleを使って繰り返し要素を表示・非表示【フラグ処理不要】｜DAD UNION – エンジニア同盟
リストタグ（li）の繰り返しテキスト要素があるページで、テキスト要素クリック直後のテキスト要素をslideToggleを使用し表示・非表示させる方法をご紹介します。 処理フラグも必要無く、タグ要素毎に一つ一つ処理を書かなくて良いので便利です。 よくある質問やFAQの質問に対する答えを表示・非表示させるページに使えます。 繰り返しテキスト要素のCSS記述 ※繰り返しテキスト要素より答えのテキスト要素は非表示（display:none）にしてます。必要に応じて書き換えてください。 <style> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif; padding: 0; margin: 0; overflow-x: hidden; line
プルダウンメニューをjQueryのhover()、show()、hide()を使って簡単に表示させる方法｜DAD UNION – エンジニア同盟
hover()、show()、hide()を使って、簡単にプルダウンメニューを表示するliタグのCSS記述 ※デフォルトでは#idMenu li ulを非表示にします。その他必要に応じて変更して下さい。 <style type="text/css"> <!-- ul{ list-style:none; } #idMenu li { position: relative; float: left; margin: 0; padding: 5px; width: 150px; height: 20px; border: solid 1px #cccccc; line-height:1.4em } #idMenu li:hover { color: #ffffff; background-color:#CCCCCC; } #idMenu li ul { display: none; positi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
