javascript - jQuery UI タブからターゲットを変更できますか?

Question

この HTML マークアップを jQuery UI タブで使用できるかどうかを知りたいですか? 基本的なマークアップは知っていますが、以下のコードのようにする必要があります。

Javascript:

$(document).ready(function() {
    $("#tabs").tabs();
});

HTML:

<div id="tabs">
    <ul>
        <li><a href="#tab1">tab1</a></li>
        <li><a href="#tab2">tab2</a></li>
        <li><a href="#tab3">tab3</a></li>
    </ul>
</div>

<div id="content">
    <div id="tab1">
        <p>Content from Tab 1</p>
    </div>
    <div id="tab2">
        <p>Content from Tab 1</p>
    </div>
    <div id="tab2">
        <p>Content from Tab 1</p>
    </div>
</div>

ありがとう。