質問: https://www.radia.jp/archives/1183を参考に、 別ページから任意のタブにダイレクトリンクして そのタブだけを表示できるようにしたいと考えています。 上記ページのコードをほとんど丸写ししたにもかかわらず、 どこかで写しをミスしているのか 全てのタブの中身が表示されっぱなしになってしまいます... 選択中のタブの中身のみ表示されるように修正したいです。 ### 前提・実現したいこと ・インデックスページ内の一部をタブで表示できるようにしたい ・デフォルトの状態ではすべてのタブの中身が非表示 ・ハンバーガーメニューで各タブの中身に飛びたい ・別ページのハンバーガーメニューから各タブの中身に飛びたい ### 発生している問題・エラーメッセージ 全てのタブが開閉できない(開きっぱなしになっている) ### 該当のソースコード ``` (tab1の中身) (tab2の中身) (tab3の中身) ``` ``` ``` ``` .ul-wrap{ background: #ccc; } ul{ max-width: 960px; margin: 0 auto; padding: 20px 10px; display: flex; justify-content: space-between; } .tabs-nav li{ max-width: 98%; -webkit-backface-visibility: hidden; } ```
回答: Bootstrapを使用して解決しました。 ご回答ありがとうございました。