jquery.responsiveTabs.jsを使って、コンテンツエリアをレスポンシブに対応したタブ切替表示を行います。スマホサイズにするとアコーディオンでコンテンツエリアを表示・非表示で切替えます。

TAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリアTAB-1コンテンツエリア

TAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリアTAB-2コンテンツエリア

TAB-3コンテンツエリアTAB-3コンテンツエリアTAB-3コンテンツエリア

TAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリアTAB-4コンテンツエリア