WordPress页面内容阅读更多

时间:2013-08-11 22:17:07

标签: php javascript jquery wordpress wordpress-theming

编辑:

我有一个自定义的PHP功能设置来显示wordpress帖子摘录,当点击阅读更多链接时,隐藏摘录并显示主要内容。但是我希望read more按钮成为内容扩展时的隐藏按钮。

<?php the_excerpt();

echo '<a value="show more..." onclick="$(this).prev().hide(); $(this).next().show();" >Read More</a>';

echo '<div style="display:none">';
echo the_content();
echo '</div>'; ?>

1 个答案:

答案 0 :(得分:1)

为了保持简单,您可以这样做:

<div id="shortcontent">
    <?php the_excerpt(); ?>

    <a href="javascript:void(0)" onclick="$('#shortcontent').hide();$('#fullcontent').show();">Read more</a>
</div>

<a href="javascript:void(0)"></a>

<div id="fullcontent" style="display: none">
    <?php the_content(); ?>

    <a href="javascript:void(0)" onclick="$('#fullcontent').hide();$('#shortcontent').show();">Hide</a>
</div>