在带有 php 和 css 的 div 中显示更多 [关闭]

Question

我正在尝试在多个 div 中实现显示更多链接（例如这里 http://www.gutscheinpony.de/outletcity.html，您单击详细信息并获得隐藏的 div） 但是，我通过 php 和分类法获得了多达 50 个字段，例如在这些方面，我需要单独的 id，以便我可以单独打开每个 div。问题是我需要通过 php 给每个 div 一个变量 id ！！！但我被困住了。你可以在这里看到问题http://cloud0815.joloshop.com/shops/1822direkt（点击两个“显示更多”文本）只有第一个会打开！！！）

Answer 1

如果你使用 jQuery，你不需要给每个 div 一个单独的 id。您可以给每个“显示更多”链接一个类，如“显示更多”。然后，将链接绑定到单击处理程序。 $(this) 变量告诉您​​点击了 50 个链接中的哪一个。如何选择包含隐藏文本的 div 取决于您的标记，但这里有一个示例说明您可以做什么：

PHP：

 /* Inside a loop */
 <?php 
       $full_text = get_the_content();
       $period_pos = strpos($full_text, ".");
       $excerpt = substr($full_text, 0, $period_pos+1);    // Get the first line, assuming that a line ends with a period.
       $rest = substr($full_text, $period_pos+1);          // Get the rest of the text
 ?>
 <div class="excerpt">
      <?php echo $excerpt; ?>
 </div>
 <div class="rest">
      <?php echo $rest; ?>
 </div>
 <div class="show-more-div">
     <a href="#" class="show-more">Show more</a>
 </div>

jQuery:

 $(document).ready(function(){
      $(".show-more").click(function(){
           $(this).parent().prev().slideDown();     
      });
 });