[FIXED] How to Toggle post content within a "post" title in a page?

Issue

I'm trying to give all "posts" title in a specific page. So If someone clicks on that posts, it's content must be toggle below the title and if some clicks the title again then the content must hide.

I solved half of the problem with the help of WP-Archives Plugin. And my page is looking like this Check this image here.. So these are "Archives" titles links. And if someone clicks on it, it will take to the that.. I want the content in the particular posts to be in the same page in the form of toggle (in abvoe image..). Is it possible?

Solution

It sounds like you're describing an accordion function. Wordpress offers a bunch of accordion plugins. Here are a few: http://wordpress.org/plugins/tags/accordion

If you're looking for something with a little more control you might want to look straight into the jquery accordion widget. See information here: http://jqueryui.com/accordion/

EDIT

To add the accordion plugin to your list, you'll need to apply the following changes. Add the following to your head tag:

<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

In your wp-archives plugin modify the following line:

echo "<div class='list'><ul>\n";

to this:

echo "<div class='list'><ul id=\"unique_id_of_your_choice\">\n";

As for the content that should follow each post title, You will need to update the plugin once again to include the archive post content(either the entire post or a snippet, whichever you choose). It should look something like this if the database field holding the content were named "post_content".

$arcresults2 = $wpdb->get_results("SELECT ID, post_date, post_title, post_content, comment_status FROM " . $wpdb-> posts . " WHERE post_date LIKE '$thisyear-$thismonth-%' AND $current_posts AND post_status='publish' AND post_password='' ORDER BY post_date DESC");
...

...
$arc_title = $arcresult2->post_title;
$arc_content = $arcresult2->post_content;
...

...
echo "<li class='list'><a href=\"" . $url . "\" title=\"" . $title_text . "\">" . wptexturize($text) .  "</a>\n";
echo"<ul><li>".$arc_content."</li></ul></li>\n";

Answered By - Trig3rz

Answer Checked By - Robin (PHPFixing Admin)