下面是一个非常基本的示例。。

/*
    Code assumes it will be in the theme functions.php file
    Update the enqueue path if using it elsewhere
*/
add_action( \'add_meta_boxes_post\', \'add_post_metabox\' );

function add_post_metabox() {
    wp_enqueue_script( \'mytabs\', get_bloginfo( \'stylesheet_directory\' ). \'/mytabs.js\', array( \'jquery-ui-tabs\' ) );
    add_meta_box( \'examplebox\' , __(\'Example box\'), \'my_example_metabox\', \'post\', \'side\', \'core\'/*,array()*/);
}

function my_example_metabox() {
    ?>
    <div id="mytabs">
        <ul class="category-tabs">
            <li><a href="#frag1">Tab 1</a></li>
            <li><a href="#frag2">Tab 2</a></li>
            <li><a href="#frag3">Tab 3</a></li>
        </ul>
        <br class="clear" />
        <div id="frag1">
            <p>#1 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
        <div class="hidden" id="frag2">
            <p>#2 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
        <div class="hidden" id="frag3">
            <p>#3 - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
        </div>
    </div>
    <?php
}

mytabs的jQuery。队列中引用的js。

jQuery(document).ready(function($) {
    $("#mytabs .hidden").removeClass(\'hidden\');
    $("#mytabs").tabs();
});

NOTES:

<在插件内部使用时，排队应调用plugins_url( \'/mytabs.js\', __FILE__ ) 代替get_bloginfo 字符串add_action( "add_meta_boxes_YOURTYPE", \'add_post_metabox\' );, 我用过post 在示例中有关如何配置选项卡脚本的更多信息，请参见此处
http://docs.jquery.com/UI/Tabs

希望这有帮助。。