Question

在我的表格中，我在每行回应下面的滑动div。问题是当您单击“报告”时，每行都会切换滑动div。我想解决这个问题的方法是使用变量$ row ['reportid']中每行的唯一ID。任何帮助将不胜感激。

PHP：

echo '
<form action="foobar.php?foobar=' . $row['reportid'] . '" method="post" id="foobar">
<A NAME="#peer' . $row['reportid'] . '"> (<a href="#peer' . $row['reportid'] . '" class="show_hide2">Report</a>)
<div class="slidingDiv2">
// Content inside sliding div has been omitted
// I removed all the form content too.
 </div>
</form>
';

使用Javascript：

<script type="text/javascript">

$(document).ready(function(){

    $(".slidingDiv2").hide();
    $(".show_hide2").show();

    $('.show_hide2').click(function(){
        $(".slidingDiv2").slideToggle();
    });

});

</script>

Answer 1

将$(".slidingDiv2").slideToggle();替换为$(this).next().slideToggle();，以便切换与a点击相关的面板，这将是a之后的下一个元素：

$('.show_hide2').click(function(){
    $(this).next().slideToggle()
});

你真的需要这样做吗？：

$(".slidingDiv2").hide();
$(".show_hide2").show();

您可以将slidingDiv2类的css规则添加到您的css文件中：

.slidingDiv2 {
    display: none;
}

我相信默认情况下会显示课程show_hide2。

滑动div（每行）在表

1 个答案: