jQuery局部内容展开/收起功能实现：避免全局影响

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- 第一个内容块 -->
<div class="full-post">
  <div class="show-block">
    <p>这是部分可见内容...</p>
  </div>
  <div class="hide-block">
    <p>这是点击“显示更多”后才显示的内容。</p>
    <p>这里可以放置更长的文本或图片等。</p>
  </div>
  <div class='dedcription-btn pop recrut act show-more' cat-posts='10' data-id='cat-01'>
    <span class='name-descripeion '>显示更多</span>
    <div class='btn-icon'> <i class='fas fa-chevron-right'></i></div>
  </div>
  <div class='dedcription-btn pop recrut act show-less '>
    <span class='name-descripeion'>显示更少</span>
    <div class='btn-icon'>
      <i class='fas fa-chevron-right'></i>
    </div>
  </div>
</div>

<!-- 第二个内容块（独立于第一个） -->
<div class="full-post">
  <div class="show-block">
    <p>这是第二个内容块的部分可见内容...</p>
  </div>
  <div class="hide-block">
    <p>这是第二个内容块的隐藏内容。</p>
  </div>
  <div class='dedcription-btn pop recrut act show-more' cat-posts='5' data-id='cat-02'>
    <span class='name-descripeion '>显示更多</span>
    <div class='btn-icon'> <i class='fas fa-chevron-right'></i></div>
  </div>
  <div class='dedcription-btn pop recrut act show-less '>
    <span class='name-descripeion'>显示更少</span>
    <div class='btn-icon'>
      <i class='fas fa-chevron-right'></i>
    </div>
  </div>
</div>

.hide-block {
  display: none; /* 默认隐藏 */
}

$(function() {
  // 页面加载时，所有“显示更少”按钮默认隐藏
  $('.show-less').hide();

  // “显示更多”按钮点击事件
  $(".show-more").click(function(e) {
    // 隐藏当前点击的“显示更多”按钮
    $(this).hide();

    // 找到最近的父容器.full-post
    var $parentPost = $(this).closest(".full-post");

    // 在该父容器内找到.hide-block并以淡入效果显示
    $parentPost.find(".hide-block").fadeIn();

    // 在该父容器内找到.show-less按钮并显示
    $parentPost.find(".show-less").show();
  });

  // “显示更少”按钮点击事件
  $(".show-less").click(function() {
    // 隐藏当前点击的“显示更少”按钮
    $(this).hide();

    // 找到最近的父容器.full-post
    var $parentPost = $(this).closest(".full-post");

    // 在该父容器内找到.hide-block并以淡出效果隐藏
    $parentPost.find(".hide-block").fadeOut();

    // 在该父容器内找到.show-more按钮并显示
    $parentPost.find(".show-more").show();
  });
});