脚本

首先必须将脚本排队。我们有条件地仅为您的自定义帖子类型及其存档加载它。

// in your functions.php
function wpse69274_enqueue_tbs_collapse()
{
    if (
        ! is_post_type_archive()
        AND \'YOUR_POST_TYPE\' !== get_post_type()
    )
        return;

    wp_enqueue_script(
         \'tbs-collapse\'
        ,get_stylesheet_directory_url().\'path/to/your/collapse.js\';
        ,array( \'jquery\' )
        ,filemtime( get_stylesheet_directory().\'path/to/your/collapse.js\' )
        ,true
    );
}
add_action( \'wp_enqueue_scripts\', \'wpse69274_enqueue_tbs_collapse\' );

标记现在我们需要添加适当的标记。目标通过使用实际the_ID() 当前循环帖子的。

<div class="container">
<div class="accordion" id="accordion">
    <?php
    global $wp_query;
    if ( have_posts() ) 
    {
        while( have_posts )
        {
            the_post();
            ?>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <h2><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse-<?php the_ID(); ?>">
                        <?php the_title(); ?>
                    </a></h2>
                </div>
                <div id="collapse-<?php the_ID(); ?>" class="accordion-body collapse in">
                    <div class="accordion-inner">
                        <?php
                        if ( is_singular()
                        {
                            the_content();
                        }
                        else
                        {
                            the_excerpt();
                        }
                        ?>
                    </div>
                </div>
            </div><!-- // .accordion-group -->
            <?php
        } // endwhile;
    } // endif;
    ?>
</div>
</div>