Php slideToggle功能可向下滑动选定的div

我需要关于这个JQuery代码的帮助，我对JQuery真的有点经验，如果这个问题很糟糕，我很抱歉。。 因为我是从他们那里抄来的，所以我不相信这本书

//the JS code
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});

<p class="flip">click to view full credit report details</p>
<div class='panel'>                              
 <?php                          
   display_column_name($table_name,$table_id);
 ?>
</div>

//JS代码
$（文档）.ready（函数（）{
$（“.flip”）。单击（函数（）{
$（“.panel”）。滑动切换（“慢速”）；
});
});
点击查看完整的信用报告详细信息

---

好的，代码实际上是循环的，它会重复，这取决于我的数据库中有多少数据，所以现在的问题是，当我点击“点击查看完整信用报告详细信息”时，它会打开所有内容。。我想要的是当我点击它时，它只会打开那个部分。。。而不是其他人。。。你知道吗？我真的需要帮助，谢谢：）

每个p元素都应该有动态id。它使用另一个动态设置的id调用div

在你的循环中，你可以这样做

$(document).ready(function(){
$("#flip_<?php echo $id_from_database;?>").click(function(){
    $("#panel_<?php echo $id_from_database;?>").slideToggle("slow");
  });
});

<div class="report">
    <a id="<?php echo $current_record_id; ?>" href="#">click to view full credit report details</a>
    <div class="detail" id="detail_<?php echo $current_record_id; ?>">
        <?php echo $detail; ?>
    </div>
</div>

在哪里

$id\u from\u database

是来自数据库的记录的唯一id。

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('.report a').click(function(){
        var id = $(this).attr("id");
        $('.detail').slideUp('slow');
        $('#detail_'+id).slideDown('slow');
    });
});
</script>

<style>
    .detail{display: none;}    
</style>
<div id="reports">

    <div class="report">
        <a id="1" href="#">click to view full credit report details</a>
        <div class="detail" id="detail_1">
            Here are details related to report # 1
        </div>
    </div>
    <div class="report">
        <a id="2" href="#">click to view full credit report details</a>
        <div class="detail" id="detail_2">
            Here are details related to report # 2
        </div>
    </div>
    <div class="report">
        <a id="3" href="#">click to view full credit report details</a>
        <div class="detail" id="detail_3">
            Here are details related to report # 3
        </div>
    </div>
</div>

$（函数（）{
$（'.report a'）。单击（函数（）{
var id=$（this.attr（“id”）；
$（'.detail'）.slideUp（'slow'）；
$（'#detail'+id）.slideDown（'slow'）；
});
});
.detail{显示：无；}
以下是与报告#1相关的详细信息
以下是与报告#2相关的详细信息
以下是与报告#3相关的详细信息

循环： 在您的循环中，您必须创建这样的动态ID

$(document).ready(function(){
$("#flip_<?php echo $id_from_database;?>").click(function(){
    $("#panel_<?php echo $id_from_database;?>").slideToggle("slow");
  });
});

<div class="report">
    <a id="<?php echo $current_record_id; ?>" href="#">click to view full credit report details</a>
    <div class="detail" id="detail_<?php echo $current_record_id; ?>">
        <?php echo $detail; ?>
    </div>
</div>

这种操作必须使用ID或索引。您使用的是类名，所有div都有相同的类名。是的，上面的代码在循环中。。除了JS。。所以我也需要循环JS，对吗？@LouieJayJayme请检查我的编辑。如果使用第一种方法，js应该在循环中。但是如果你使用第二种方法，javascript应该不在循环中。LoVeSmItH成功了：）第一种方法嗯，我会处理第一种方法。。我想我需要在ID中加上更具体的名字。。当我试图打开它时，它会关闭，可能是因为它们的id名称相同，非常感谢：）@LouieJayJayme，每一行的id都应该是唯一的，比如来自数据库的记录id，比如
flip\u 1，flip\u 2，…，flip\u 45
，等等。是的，我刚刚尝试过。。嗯，我正在做的东西似乎有点像一个类别，所以我也必须测试一下，所以现在我有像“panel_account_1”这样的名字，谢谢你：）谢谢你的代码Tahir Yasin。。但是我现在可以工作了：）谢谢：）@tahir，line
$（'detail'id）
应该是
$（'#'+id）不，它将滑下链接本身而不是其隐藏的细节，要滑下隐藏的细节，你必须滑下细节id，希望你明白我的意思。
<div class="report">
    <a id="<?php echo $current_record_id; ?>" href="#">click to view full credit report details</a>
    <div class="detail" id="detail_<?php echo $current_record_id; ?>">
        <?php echo $detail; ?>
    </div>
</div>