jquery - jQuery slideDown 用于索引页面上的帖子？（WordPress）

Question

我在 wordpress 中做一个单页网站，我想在索引页面上只显示一篇文章以及文章的摘要。为此，我知道我可以在 loop.php 中将 the_content 更改为 the_excerpt。但是当我点击“继续阅读”时，我来到了一个新页面，这不是我想要的。我希望 div 向下滑动并在页面上显示整个新闻。

有没有办法做到这一点？

提前致谢

Answer 1

Easy solution ( not the best ) :

Display the_excerpt() in a visible div , display the_content() in a hidden div , on "continue reading" click ( using jquery ) togle animation .

Answer 2

我会将摘录和内容都输出到自己的div标签中。对它们进行相应的分类，并隐藏div.contentCSS 文件中的内容。现在，在这两个之后放置一个阅读更多div链接，然后将处理程序链接到阅读更多内容，您可以在其中隐藏摘录并在一个动作中div.excerpt显示内容：div.content

$("a.readmore").click(function () {
    $(this).prev().prev("div.excerpt").hide();
    $(this).prev("div.content").show();
    // EDIT:
    return false; // this will stop default behaviour of jumping to the top of page for instance
}

希望这能让你走上正确的道路。这是我的解决方案：http: //jsfiddle.net/FANVp/6/。就像 poelinca 说的那样，不是最好的，但它会起作用。