JQuery 实现点击展开内容

要使用jQuery实现点击"read more"按钮展开所有内容，可以使用以下示例代码作为起点。假设您有一个HTML结构，其中包含"read more"按钮和要展开的内容块。

HTML结构示例：

<div class="content">
  <p>这是一些内容。</p>
  <p>这是更多内容。</p>
  <p class="hidden">这是要隐藏的内容。</p>
  <button class="read-more">Read More</button>
</div>

然后，您可以使用jQuery来实现展开和折叠内容：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // 隐藏要展开的内容
    $(".content .hidden").hide();
    
    // 当点击"read more"按钮时，展开或折叠内容
    $(".content .read-more").click(function() {
      $(".content .hidden").slideToggle();
      // 切换按钮文本
      if ($(this).text() === "Read More") {
        $(this).text("Read Less");
      } else {
        $(this).text("Read More");
      }
    });
  });
</script>

上述代码会在页面加载完成后初始化，将隐藏的内容块隐藏起来。当点击"read more"按钮时，它将使用slideToggle方法来展开或折叠内容，并根据展开状态切换按钮文本。

确保在HTML中包含jQuery库，并将代码放在文档加载完成后执行（通常在$(document).ready中），以确保页面元素在脚本执行时已准备好。您还可以根据实际需求调整HTML结构和样式来满足您的要求。

要在WordPress主题中移除the_excerpt()函数生成的"read more"链接，您可以通过以下两种方法之一来实现：

方法1：使用the_content_more_link过滤器

您可以使用the_content_more_link过滤器来修改"read more"链接或完全移除它。在您的主题的functions.php文件中添加以下代码：

function remove_excerpt_more_link($more_link) {
    return '';
}
add_filter('the_content_more_link', 'remove_excerpt_more_link');

这将会完全移除"read more"链接。如果您想要修改链接文本，可以将return ''更改为return ‘YOUR_CUSTOM_TEXT’，将"YOUR_CUSTOM_TEXT"替换为您希望显示的自定义文本。

方法2：在functions.php中覆盖默认的excerpt长度

如果您希望完全移除"read more"链接，并且只想在excerpt中显示特定数量的字词，可以在主题的functions.php文件中覆盖默认的excerpt长度，以便它不会自动生成"read more"链接。使用以下代码：

function custom_excerpt_length($length) {
    return 20; // 将20更改为您想要的字词数量
}
add_filter('excerpt_length', 'custom_excerpt_length', 999);

这将在excerpt中显示指定数量的字词，并不会生成"read more"链接。您可以将20更改为您希望的字词数量。

无论您选择哪种方法，都需要在主题的functions.php文件中添加相应的代码。请确保在修改主题文件之前备份文件，以防出现问题。