コンテンツを横にアコーディオンで表示させるjQuery

こんにちは、かしゅうです。 今回はjQueryを使って、コンテンツをアコーディオン状に表示するものを作成しました。 ナビゲーションで縦のアコーディオン状のものを作成することはよくあるのですが、コンテンツの中身は1つだけ見えていて他は見出しのみ見えていているような形を見かけたので作成してみようと思いました。 デモページ デモページはこちらから デモページ 仕組み コンテンツをabsoluteで横並びにし、クリックした見出しによって動くコンテンツを決めつつ移動させてます。 あと、overflow: hidden;で横ではみ出てる部分を表示させないようにしています。 横幅など変わったら調整がいるかもしれませんが、ひとまずこちらで動いたのでこれで。 HTML <div class="acdion"> <div class="pleat"> <h2 class="title">コンテンツ01</h2