Display posts in an accordion

you can use this one and put the post code on this HTML

https://jqueryui.com/accordion/

Thanks for the quick answer!

I used the following code, but it doesn’t work for me yet… As an absolute PHP beginner, I might be overlooking something…:

<?php if ( have_posts() ) : while ( have_posts() ) : ?>
<h3><?php the_title(); ?></h3>
  <div>
    <p>
    <?php the_content(); ?>
    </p>
  </div>
<?php endwhile; else: ?>
<p>Something went wrong.</p>
<?php endif; ?>

Which theme are you using?

I’m using a custom theme prepared especially for that particular website.

It’s not clear what exactly you need help with after Piyush provided the link to the jQuery accordion method.

The problem is with the right syntax. I’m not quite clear on how to place the elements of the loop together with the jquery accordion syntax…

I would like to display the list of my posts in an accordion on a single page.

So at the moment do you have your list of your posts? Can you provide us with a sample bit of HTML of that list’s output?

Right now with the code I posted above I get the following output:

<div id="content-text-top"><div id="accordion">
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio</h3>
  <div>
    <p>
        </p>
  </div>
 <h3>Portfolio/h3>
  <div>

Portfolio is the title of the page itself and that list goes on forever if I don’t stop the page from loading…

Okay so you already have the HTML structure for the jQuery, you don’t need to modify that.

No, the problem seems to be with the loop syntax I posted above…

Why if it’s outputting the right HTML structure for the accordion method?

Yes, but it is outputting it indefinately and it’s outputting just the name of the page it’s placed on, instead of displaying the title and content of my posts…