阅读更多按钮 jQuery 隐藏仅适用于 WordPress 中 div 的第一个元素

问：

嗨，我对这段代码有问题，它只隐藏了 div 的前 p，我的 div 包含不同的标题和段落，我想隐藏所有前 180 个字符，但它只隐藏了前 li

<div class="product-short-description">
    <h5>Product Description</h5>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<h5>Product Details</h5>
<p>Material: Aluminium</p>
<p>Warranty: One Year Warranty Guarantee</p>
<p>Original: China</p>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<h5>Shipping Information</h5>

</ul>
</div>



function bbloomer_woocommerce_short_description_truncate_read_more() { 
   wc_enqueue_js('
      var show_char = 180;
      var ellipses = "... ";
      var content = $(".product-short-description").html();
      //var content = $(".product-short-description").text().length

      alert(content);


      if (content.length > show_char) {
         var a = content.substr(0, show_char);
         var b = content.substr(show_char - content.length);
         var html = a + "<div class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>Read more</a></div><div class=\'truncated\' style=\'display:none\'>" + b + "</div>";
         $(".product-short-description").html(html);
      }
      $(".read-more").click(function(e) {
         e.preventDefault();
         $(".product-short-description .truncated").toggle();
      });
   ');
}