jquery.responsiveTabs.jsを使ってレスポンシブ対応のタブ切替方法｜DAD UNION – エンジニア同盟jquery.responsiveTabs.jsを使って、コンテンツエリアをレスポンシブに対応したタブ切替え表示する方法を行います。 スマホサイズにするとアコーディオンでコンテンツエリアを表示・非表示で切替えます。 レスポンシブに対応したタブ切替表示のCSS記述 ※レスポンシブに対応したタブ切替えエリア（.r-tabs）のCSS記述です。必要に応じて変更して下さい。 <style type="text/css"> body{ text-align: center; } h1{ text-align: center; font-size: 22px; padding: 20px 0; line-height: 2em; } .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-
