jQuery：タブ切り替えをウィンドウサイズが小さいときはselectで切り替える動きにする方法 - NxWorld

レスポンシブサイトでタブ切り替えを実装する際、ウィンドウサイズが大きい場合はそのままタブ切り替えの見栄えで、ウィンドウサイズが小さくなったときには表示幅などの兼ね合いで違った見せ方にすることがあります。 そのような時に見かけるのが多いものとしては、ウィンドウサイズが小さいときはタブ切り替えではなくアコーディオンに変化させたり、他にはSmartNewsなどで採用されているようなタブの見栄えはそのままにしつつタブ部分をスワイプ（スクロール）できるようにしたものなどありますが、それらとは違った見せ方としてウィンドウサイズが小さいときは切り替えにselect要素を用いるという動きを実装することがあったので、実装方法を備忘録兼ねて紹介します。 先にざっくりとした動きを説明すると、表示・非表示の切り替えは単純にCSSのMedia Queriesを用いて、jQueryではそれぞれのナビが切り替わったタイ