jQuery slideDown用于索引页面上的帖子? (WordPress的)

时间:2011-02-15 11:51:15

标签: jquery wordpress post slidedown

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

有办法吗?

提前致谢

2 个答案:

答案 0 :(得分:0)

简单的解决方案(不是最好的):

在可见div中显示the_excerpt(),在隐藏div中显示the_content(),在“继续阅读”上单击(使用jquery)togle动画。

答案 1 :(得分:0)

我会将摘录和内容输出到自己的div标记。相应地对它们进行分类,并在CSS文件中隐藏内容div.content。现在,在这两个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所说,不是最好的,但它会起作用。