パネルをタブで変更するUIをスタイルシートで実装するチュートリアルをCSS-Tricksから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="tabbed-area"> <ul class="tabs group"> <li><a href="#box-one">Tab 1</a></li> <li><a href="#box-two">Tab 2</a></li> <li><a href="#box-three">Tab 3</a></li> </ul> <div class="box-wrap"> <div id="box-one"> <!-- box two content --> </div> <div id="box-two"> <!-- box two content --> </