• Hi there,

    I’ve got a question. I’m building a website and I’m running a roll-your-own element of the collapse-o-matic on a localhost. Actually I got one of this previous topic.

    Here’s the loop I’m currently using:

    get_header(); ?>
    
    		<div id="primary">
    			<div id="content" role="main">
    
    				<?php
    		$args = array(
    		'orderby' => 'the_time', //what to order it by
    		'order' => 'DESC' //order descending
    		);
    		$my_query = new WP_Query($args); //create a new wordpress query
    		if ($my_query->have_posts()) : while ($my_query->have_posts()) : //get all posts that match args, defines above
    		$my_query->the_post();
    		?>
    
            <div id="post-list-item">
                <h1 class="collapseomatic" title="<?php the_title(); ?>" id="<?php the_ID(); ?>"><?php the_title(); ?></h1> <!-- Returns title with Collapse-o-matic formatting --> 
    
                <div id="content_collapse_wrapper">
                        <div id="target-<?php the_ID(); ?>" class="collapseomatic_content force_content_collapse"><?php the_content(); ?></div>
                </div> <!-- Returns post content in collapse-o-matic div -->
    
    		</div><!--end post item-->
    
    		<?php endwhile; else: ?>
    		<p><?php _e('No posts listed'); ?></p>
    		<?php endif; ?>
    
    			</div><!-- #content -->
    		</div><!-- #primary -->

    [Moderator Note: Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    The loop above shows me all the posts collapsible on the page.
    Now I want to use 1 index page, and instead of the posts, I want all to show pages collapsible on it. It should look something like this (like a menu):

    Pagetitle 1
    Pagetitle 2
    Pagetitle 3
    Pagetitle 4
    Pagetitle 5

    And when you click on a ‘Pagetitle’ it should look something like this:

    Pagetitle 1
    – page 1 content –
    Pagetitle 2
    – page 2 content –
    Pagetitle 3
    – page 3 content –
    Pagetitle 4
    – page 4 content –
    Pagetitle 5
    – page 5 content –

    So all pages/content must be collapsiable on the index page.

    Can anyone help me out?
    Thanks in advance!

    https://wordpress.org/plugins/jquery-collapse-o-matic/

  • The topic ‘Collapse-o-matic roll your own – Collapsible page titles in a list’ is closed to new replies.