Untitled

<?php
/* Template Name: Palinsesto */
?>
<?php get_header();?>
<div class="td-main-content-wrap">
    <div class="td-container <?php echo $td_sidebar_position; ?>">
        <div class="td-crumb-container">
            <?php echo td_page_generator::get_page_breadcrumbs(get_the_title()); ?>
        </div>
        <div class="td-pb-row">
            <?php
            switch ($loop_sidebar_position) {
                default:
                    ?>
                       <!-- <div class="td-pb-span8 td-main-content" role="main">
                            <div class="td-ss-main-content">        -->
                            <div class="td-pb-span12 td-main-content" role="main">
                                                            <?php
                                if (have_posts()) {
                                    while ( have_posts() ) : the_post();
                                        ?>
                                        <div class="td-page-header">
                                            <h1 class="entry-title td-page-title">
                                                <span><?php the_title() ?></span>
                                            </h1>
                                        </div>
                                        <div class="td-page-content">
                                       <?php
                                            the_content();
                                    endwhile;//end loop
                                }
                                ?>

        <div id="tabs" class="palinsesto">
        <ul class="tabNavigation">
            <li><a href="#monday">Monday</a></li>
            <li><a href="#tuesday">Tuesday</a></li>
            <li><a href="#wednesday">Wednesday</a></li>
            <li><a href="#thursday">Thursday</a></li>
            <li><a href="#friday">Friday</a></li>
            <li><a href="#saturday">Saturday</a></li>
            <li><a href="#sunday">Sunday</a></li>
        </ul>
        <div id="monday">
<ul class="orarigiorno">
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'primo-mattino')">07.00 / 10.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'mattino')">10.00 / 13.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'mezzogiorno')">13.00 / 16.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'pomeriggio')">16.00 / 19.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'sera')">19.00 / 22.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'notte')">22.00 / 00.00</a></li>
</ul>

<div id="primo-mattino" class="tabcontent">
<ul>
<li><div class="orario"></div>
</div>
<div id="mattino" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris is the capital of France.</p>
</div>
<div id="mezzogiorno" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="pomeriggio" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="sera" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="notte" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
        </div>
        <div id="tuesday">
            <h2>Tuesday</h2>
            <p>tuesday ...</p>
        </div>
        <div id="wednesday">
            <h2>Wednesday</h2>
            <p>wednesday ...</p>
        </div>
        <div id="thursday">
            <h2>Thursday</h2>
            <p>thursday ...</p>
        </div>
        <div id="friday">
            <h2>Friday</h2>
            <p>friday ...</p>
        </div>
        <div id="saturday">
            <h2>Saturday</h2>
            <p>saturday ...</p>
        </div>
          <div id="sunday">
            <h2>Sunday</h2>
            <p>sunday ...</p>
        </div>
    </div>

                                </div>
                            </div>
                        </div>
                    <!--    <div class="td-pb-span4 td-main-sidebar" role="complementary">
                            <div class="td-ss-main-sidebar">
                                <!--?php get_sidebar(); !--?>
                            </div>
                        </div>  !-->
                    <?php
                    break;
            }
            ?>
     <!--   </div> --><!-- /.td-pb-row -->
    </div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<script>
jQuery(document).ready(function( $ ){
jQuery('#tabs').tabs();
    var tabContainers = jQuery('div#tabs > div');
        jQuery('div#tabs ul.tabNavigation a').click(function () {
            tabContainers.hide().filter(this.hash).show();
            jQuery('div#tabs ul.tabNavigation a').removeClass('selected');
            jQuery(this).addClass('selected');
            return false;
        }).eq((new Date().getDay() || 7) - 1).click();
});
</script>
    <?php
get_footer();

<div id="tabs" class="palinsesto">
        <ul class="tabNavigation">
            <li><a href="#monday">Monday</a></li>
            <li><a href="#tuesday">Tuesday</a></li>
            <li><a href="#wednesday">Wednesday</a></li>
            <li><a href="#thursday">Thursday</a></li>
            <li><a href="#friday">Friday</a></li>
            <li><a href="#saturday">Saturday</a></li>
            <li><a href="#sunday">Sunday</a></li>
        </ul>
        <div id="monday">
<ul class="orarigiorno">
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'primo-mattino')">07.00 / 10.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'mattino')">10.00 / 13.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'mezzogiorno')">13.00 / 16.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'pomeriggio')">16.00 / 19.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'sera')">19.00 / 22.00</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'notte')">22.00 / 00.00</a></li>
</ul>
 <?php $loop = new WP_Query( array( 'post_type' => 'palinsesto', 'posts_per_page' => -1 ) ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>


<div id="primo-mattino" class="tabcontent">
<ul>
<li><div class="orario"></div>
</div>
<div id="mattino" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris is the capital of France.</p>
</div>
<div id="mezzogiorno" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="pomeriggio" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="sera" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="notte" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
        </div>
        <div id="tuesday">
            <h2>Tuesday</h2>
            <p>tuesday ...</p>
        </div>
        <div id="wednesday">
            <h2>Wednesday</h2>
            <p>wednesday ...</p>
        </div>
        <div id="thursday">
            <h2>Thursday</h2>
            <p>thursday ...</p>
        </div>
        <div id="friday">
            <h2>Friday</h2>
            <p>friday ...</p>
        </div>
        <div id="saturday">
            <h2>Saturday</h2>
            <p>saturday ...</p>
        </div>
          <div id="sunday">
            <h2>Sunday</h2>
            <p>sunday ...</p>
        </div>
    </div>
<?php endwhile; wp_reset_query(); ?>
                                </div>
                            </div>
                        </div>