javascript - 我可以从 jQuery UI 选项卡更改目标吗？

Question

我想知道我是否可以使用 jQuery UI 选项卡为我做这个 HTML 标记？我知道基本标记，但我需要像下面的代码那样做。

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>

谢谢。