javascript – 如何在页面的“帖子”标题中切换帖子内容？

2019年8月4日 206次阅读

我正在尝试在特定页面中提供所有“帖子”标题.因此,如果有人点击该帖子,则必须在标题下方切换内容,如果有人再次点击标题,则内容必须隐藏.

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

最佳答案 这听起来像是在描述手风琴的功能. WordPress提供了一堆手风琴插件.以下是一些：

http://wordpress.org/plugins/tags/accordion

如果您正在寻找具有更多控制权的东西,您可能需要直视jquery手风琴小部件.请参阅此处的信息：http://jqueryui.com/accordion/

编辑

要将accordion插件添加到列表中,您需要应用以下更改.将以下内容添加到头标记中：

<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";
点赞