javascript - 如何切换页面中 "post"标题内的帖子内容？

Question

我正在尝试为特定页面中的所有“帖子”添加标题。因此，如果有人点击该帖子，其内容必须在标题下方切换，如果有人再次点击该标题，则内容必须隐藏。

我在 WP-Archives 插件的帮助下解决了一半的问题。我的页面看起来像这样 Check this image here ..所以这些是“文件”标题链接。如果有人点击它，它会采取那个..我希望特定帖子中的内容以切换的形式出现在同一页面中(在abvoe图像中..)。可能吗？

Answer 1

听起来您在描述 Accordion 函数。 Wordpress 提供了一堆 Accordion 插件。这里有一些: http://wordpress.org/plugins/tags/accordion

如果您正在寻找具有更多控制权的东西，您可能希望直接查看 jquery Accordion 小部件。在这里查看信息:http://jqueryui.com/accordion/

编辑

要将 Accordion 插件添加到您的列表中，您需要应用以下更改。将以下内容添加到您的 head 标签中:

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

在您的 wp-archives 插件中修改以下行:

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

为此:

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

至于每个帖子标题后应包含的内容，您需要再次更新插件以包含存档帖子内容(整个帖子或片段，随您选择)。如果保存内容的数据库字段被命名为“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";