单击按钮后显示列表项行 - php

嗨，我尝试开发自定义列表项。加载页面时，列表项中仅应显示<?php echo $row['title']; ?>。用户单击<button id="show" class="btn btn-xs btn-info">Details</button>后，应该显示说明和国家。我怎么能知道呢？我没有类似的经验。

示例（我使用此blockquotes）：

在按钮单击列表项之前，显示以下内容：

我搜索汽车

单击按钮后，列表项显示如下：

我搜索汽车

赛车应为蓝色和四个车轮

德国

    <ul class="list-group">
<?php foreach ($result as $key => $row): ?>             


        <li class="list-group-item ">
            <h4 class="list-group-item-heading"><?php echo $row['title']; ?></h4>
            <p class="list-group-item-text"><?php echo $row['description']; ?></p>
            <p class="list-group-item-text"><?php echo $row['country']; ?></p>
            <span class="pull-right">
        <button id="show" class="btn btn-xs btn-info">Details</button>        
      </span>
        </li>



        <?php endforeach; ?>    
        </ul>

php参考方案

使用.list-group-item-text在CSS中隐藏.list-group-item-text { display:none }
删除id="show"并使用一个类-我使用btn-info-这是强制性的，因为ID必须是唯一的
用.show()显示它或用.toggle()切换

$(function() {
  $(".btn-info").on("click", function(e) {
    e.preventDefault(); // in some browsers a button submits if no type=
    $(this).closest(".list-group-item").children(".list-group-item-text").show();
  });
});

.list-group-item-text { display:none }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li class="list-group-item ">
    <h4 class="list-group-item-heading">Title 1</h4>
    <p class="list-group-item-text">Description 1</p>
    <p class="list-group-item-text">Country 1</p>
    <span class="pull-right">
        <button class="btn btn-xs btn-info">Details</button>        
      </span>
  </li>
  <li class="list-group-item ">
    <h4 class="list-group-item-heading">Title 2</h4>
    <p class="list-group-item-text">Description 2</p>
    <p class="list-group-item-text">Country 2</p>
    <span class="pull-right">
        <button class="btn btn-xs btn-info">Details</button>        
      </span>
  </li>
  <li class="list-group-item ">
    <h4 class="list-group-item-heading">Title 3</h4>
    <p class="list-group-item-text">Description 3</p>
    <p class="list-group-item-text">Country 3</p>
    <span class="pull-right">
        <button class="btn btn-xs btn-info">Details</button>        
      </span>
  </li>
</ul>

提交表单后显示模式对话框 - php

提交下载文件后，我有一张表格。我要自动而不是自动下载文件..以显示模态对话框并显示下载链接。<form name="softwareform" id="softwareform" action="../downloadlink.php" method="POST" alig…

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器，可以在HTML中正常工作，但是当我从PHP回显调用时，似乎没有得到div ID的名称，因此它无法播放我的音频。这是我的代码：// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

将输入类型复选框关联到输入类型文本 - php

我有一个问题，我需要将输入类型复选框与输入类型文本关联。情况如下：从数据库中提取数据。 PK数据是复选框的值。当复选框选择输入类型的文本时，您可以在其中输入特定数字。现在的问题是，选中所有类型的复选框输入文本都会被激活。我希望通过选择复选框输入，仅启用与复选框相关联的输入。我的HTML代码（此代码创建一个输入复选框，并为数据库中的每个记录输入文本，而我要激活…

如何使用PHP从动态输入字段捕获数组值？ - javascript

我正在编写一个在线时间跟踪网页，允许用户将学习时间输入该系统。用户将首先输入名称，然后根据日期输入学习时间。一天中可能会有多个学习时间。以下是我第一页的编码，<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"…

为什么此javascript使用getTime函数显示负数？ - javascript

我无法弄清楚，希望有一个简单的解决方案，但看不到该脚本在哪里失败。该脚本是wp插件的一部分，但是如果失败，则没有wp代码。它所做的是算到结束日期并在屏幕上打印出来。该行：数量=（dateFuture.getTime（）-dateNow.getTime（）+ 5）;显示负数，所以不可能，将来的日期是“ 2014-10-23 23:00:00”，而我所在国家/地…

单击按钮后显示列表项行 - php

腾讯的同事天天给我安利让我看《三体》，说马化腾和雷军也在…