Ticket #23225: mfields-test-jquery-ui-tabs.php

<?php
/*
        Plugin Name: Mfields Test jQuery UI Tabs
        Description: Simple test plugin to test the compatibility of jQuery UITabs and the WordPress Customizer.
*/

function mfields_jquery_ui_test_enqueue() {
        wp_enqueue_script( 'jquery-ui-tabs' );
}
add_action( 'wp_enqueue_scripts', 'mfields_jquery_ui_test_enqueue' );

function mfields_jquery_ui_test_wp_footer() {
        echo '<script type="text/javascript">jQuery(document).ready(function($) { $(".ui-tabs").tabs(); });</script>' . "\n";
}
add_action( 'wp_footer', 'mfields_jquery_ui_test_wp_footer', 20 );

function mfields_jquery_ui_test_get_header() {
        static $i = 0;
        if ( 0 < $i )
                return;
        ?>
                <div id="tabs-2" class="widget ui-tabs ui-widget ui-widget-content ui-corner-all">
                        <div class="widget-wrap">
                                <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                                        <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="cat-174" aria-labelledby="ui-id-1" aria-selected="true">
                                                <a href="#cat-174" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Art</a>
                                        </li>
                                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="cat-175" aria-labelledby="ui-id-2" aria-selected="false">
                                                <a href="#cat-175" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">General</a>
                                        </li>
                                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="cat-176" aria-labelledby="ui-id-3" aria-selected="false">
                                                <a href="#cat-176" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Music</a>
                                        </li>
                                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="cat-1" aria-labelledby="ui-id-4" aria-selected="false">
                                                <a href="#cat-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-4">Uncategorized</a>
                                        </li>
                                </ul>

                                <div id="cat-174" class="post-154 post type-post status-publish format-image hentry category-art tag-sticker tag-street-art ui-tabs-hide ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" role="tabpanel" style="display: block;" aria-expanded="true" aria-hidden="false">
                                </div><!--end post_class()-->

                                <div id="cat-175" class="post-229 post type-post status-publish format-link hentry category-general ui-tabs-hide ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
                                        <p>Life-Phorm is a creepy stand for phones, tablets, and cameras.</p>
                                </div><!--end post_class()-->

                                <div id="cat-176" class="post-591 post type-post status-publish format-link hentry category-music tag-v-drum ui-tabs-hide ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-3" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
                                        <p>drumsplitters.com offers splitter cables for Roland V-Drums.</p>
                                </div><!--end post_class()-->

                                <div id="cat-1" class="post-1239 post type-post status-publish format-standard hentry category-uncategorized ui-tabs-hide ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-4" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
                                </div><!--end post_class()-->

                        </div>
                </div>
        <?php
        $i++;
}
add_action( 'the_content', 'mfields_jquery_ui_test_get_header' );
add_action( 'the_excerpt', 'mfields_jquery_ui_test_get_header' );