Ya he solucionado el tema, trataré de explicar como lo hice, igual le puede servir a alguien más.
1- He creado una función en el archivo function.php, la cual recibe la ID de la categoría por parámetro, este es el código de la función.
<?php
function itemAcordeon($ID_cat){ ?>
<h3>
<?php echo get_cat_name($ID_cat);?>
<small><?php echo $post_count;?></small>
</h3>
<div class="item">
<?php
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$args = array(
'cat' => $ID_cat,
'paged' => $paged,
'order' => ASC,
'posts_per_page' => 15
);
$query = new WP_Query($args);
$post_count = $query->post_count;
if ( $query->have_posts() ) : while ( $query->have_posts() ) :
$query->the_post();
?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2>
<a>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</h2>
<div class="entry" >
<?php the_excerpt();?>
</div>
<?php if ( has_post_thumbnail() ) { echo '<div class="featured-thumbnail">'; the_post_thumbnail(); echo '</div>'; } ?>
</div> <!-- final post destacados -->
<?php endwhile; endif; ?>
</div>
<?php }?>
Esta función muestra un listado, donde muestro el titulo de cada categoría con sus respectivas entradas. Para mostrar este listado he creado una plantilla personalizada para esta categoría con el siguiente código.
<!-- Inicio acordeón -->
<div id="accordion">
<?php
$ID_cat = get_query_var('cat');
$child_cats = (array) get_term_children( $ID_cat, 'category' );//Pasa ID + tipo a mostrar (page - post - category -etc)
$count_cat = count($child_cats);
if ($count_cat > 0) {
for ($i=0; $i < $count_cat ; $i++) {
itemAcordeon($child_cats[$i]);
}
}?>
</div>
<!-- Final acordeón -->
Explico un poco el código:
$ID_cat = get_query_var('cat'); Con esta línea capturamos el ID de la categoría actual y lo guardamos en esta variable.
$child_cats = (array) get_term_children( $ID_cat, 'category' );
Creamos un array el cual contendrá las categorías hijas de $ID_cat.
if ($count_cat > 0) {
for ($i=0; $i < $count_cat ; $i++) {
itemAcordeon($child_cats[$i]);
}
Por último creamos un for el cual llamara la función tantas veces como categorías hijas tenga la categoría actual.
Esta es la solución con la que he conseguido mostrar un acordeón de jQuery UI, donde el titulo del cada acordeón es un nombre de una sub categoría, y el contenido de cada acordeón, es un listado de post de dicha categoría.
Pueden ver esto en funcionamiento en esta web: surf-In
Espero le sirva a alguien más, un saludo.
