jquery - 特定のマークアップを含む jQuery シンプルなタブ

Question

簡単な jQuery タブを作成したいと考えています。これは cms に入り、マークアップにエディターを使用するため、次のマークアップは、エンド ユーザーが簡単に追加できるようにするために本当に必要なものです。

<h3>
    Title here</h3>
<h4>
    Subtitle here</h4>
<ul>
    <li>
        Menu option 1</li>
    <li>
        Menu option 2</li>
    <li>
        Menu option 3</li>
    <li>
        Menu option 4</li>
</ul>
<div>
    <p>
        Tab option 1 content</p>
</div>
<div>
    <p>
        Tab option 2 content</p>
</div>
<div>
    <p>
        Tab option 3 content</p>
</div>
<div>
    <p>
        Tab option 4 content</p>
</div>

ただし、これを実現するためにこのカスタム コードを記述する方法がわかりません。誰かが私に手を貸してくれませんか?

どうもありがとう