toggle Multiple Loop with tittle

Question

I need some help

I want to list all post from a meta_key, order by meta_value in ASC order All this in 1 toogle jquery.

I've this:

<div id="box-temp" class="gray-shadow">
<!-- First Loop -->
        <h3 class="titulo-temp"> NUMBER OF FIRST LOOP </h3>
        <hr>
            <ul class="items-temp">
            <?php query_posts('meta_key=numeroepisodio&orderby=meta_value&order=ASC'); ?>
            <?php while (have_posts()) : the_post(); ?>
                <?php $numeroepisodio = get_post_meta($post->ID, 'numeroepisodio',true);?>
                <a href="<?php the_permalink() ?>"><li>
                <strong><?php  echo 'Episodio '.$numeroepisodio; ?>:</strong> <?php the_title(); ?> <img src="//cdn.enlatino.net/img/play.png" class="img-play">
                </li></a>
            <?php endwhile; ?>
            <hr class="no-top">
            </ul>
    <!-- Second Loop -->
       <h3 class="titulo-temp"> NUMBER OF SECOND LOOP </h3>
      <hr>
            <ul id="items-temp1" class="items-temp">
            <?php query_posts('meta_key=numeroepisodio&orderby=meta_value&order=ASC'); ?>
            <?php while (have_posts()) : the_post(); ?>
                <?php $numeroepisodio = get_post_meta($post->ID, 'numeroepisodio',true);?>
                <a href="<?php the_permalink() ?>"><li>
                <strong><?php  echo 'Episodio '.$numeroepisodio; ?>:</strong> <?php the_title(); ?> <img src="//cdn.enlatino.net/img/play.png" class="img-play">
                </li></a>
            <?php endwhile; ?>
            <hr class="no-top">
            </ul>
        </div><!-- Fin Box-Temp -->

What i want to show:

All loops: http://prntscr.com/62fn5l

The loop in action: http://prntscr.com/62fmvv

Its advisable to save the post in a category to show and control this better?

Sorry for my english i'm from Argentina.

Thanks to read.

Answer 1

Based on the comments, you should be able to do something like the following:

1. Create a custom taxonomy to hold your Temporadora items in (e.g. Temporadora 1)
2. Create a custom post type to hold your episodes
3. Create a relationship between the two

From there, it should be a matter of doing something like the following:

$args = array(
    'orderby' => 'name',
    'order' => 'ASC',
    'hide_empty' => true
);
$temporadoras = get_terms('temporadora', $args);
if ( is_wp_error( $temporadoras ) ) {
   echo "<p>Error!</p><pre>" . print_r( $temporadoras, true ) . "</pre>";
} else {
   foreach ( $temporadoras as $temporadora ) {
      $post_args = array(
          'post_type' => 'episode',
          'tax_query' => array(
              array(
                 'taxonomy' => 'temporadora',
                 'terms' => $temporadora->term_id
              )
          ),
          'posts_per_page' => -1,
          'orderby' => 'name',
          'order' => 'ASC'
      );
      $post_list = new WP_Query( $post_args );
      if ( $post_list->have_posts() ) {
          while ( $post_list->have_posts() ) {
             $episode = $post_list->next_post();
             echo "<p>Found Posts:</p><pre>" . print_r($episode, true) . "</pre>";
          }
      } else {
          echo "<p>None found for temporadora:</p><pre>" . print_r($temporadora, true) . "</pre>";
      }
   }
}

That should grab all of the temporadora taxonomy items in order then, for each of them, grab and print out each related episode.

For reference:

• get_terms (wp.org)
• WP_Query (wp.org)