5丁目通信(仮称)5丁目通信(仮称)検索とある5丁目で活動する還暦間近のWebプログラマーの覚え書きです。それとかかってくる迷惑電話や、家業のアパート経営について。ご注意プライバシーポリシーJavaScriptなしに見えないラジオボタンでアコーディオンメニューを実現していることに驚いた話し10年以上前に他人が作成されたサイトのメンテナンス作業をやっています。そのサイトにはアコーディオンメニューがあるのですが、どうやって実現されているか理解できませんでした。labelタグとinputのラジオボタンがあるのですが、labelタグのメニュー項目を押すと、その下のdivで囲まれた下位のメニュー項目が表示されるようになっています。javascriptでコントロールされているようなこともありません。JavaScript自体も存在していません。accordion」で聞いてみました。したら、ラジオボタンでアコーディオンメニューを実現するコードなんてあるのですね。【スクリプト不要】CSSのみで作るアコーディオン他にもいろいろ検索結果が出てくるので、この方法は定番テクニックなんですね。アコーディオンメニューを実現していることを理解して、こちらがやりたいことを対応しました。やりたいこととしては、アコーディオンメニューの下位のメニュー項目のページにアクセスしたときは、アコーディオンメニューを出たままにすることです。しないと、今のページがどこにあるのか迷子になってしまうからです。シンプルに下位のページにアクセスしたときには、アコーディオンメニューの下位のメニュー項目を非表示になっていたのを表示にしただけす。このページに固有のIDを振って、CSSでまとめて強制表示にすればいいのですが、今回は簡単にページごとにCSSを設定しておきました。以上、自分の考えの範疇だけでは実現できないことに驚いた話しでした。ラジオボタンを隠して、アコーディオンメニューのために設置しておくなんて気持ち悪いけど、これは定石な方法なのでしょうね。WordPress当サイトでは利便性向上や閲覧の追跡のためにGoogle・広告などの他提携サービスによりCookieが使用されています。サイトの閲覧を続けた場合Cookieの使用に同意したことになります。website.保存して同意%d人のブロガーが「いいね」をつけました。