如何使幻灯片切换适用于我的所有查询,因为幻灯片切换仅适用于第一个查询。谁能帮我这个?
JS代码
$(document).ready(function(){
$("#SendCopy").click(function(){
$("#users").slideToggle("slow");
});
});
PHP代码
<?php
while($get = mysqli_fetch_array($result)){
?>
<input type="text" name="doc_no" value="<?=$get['doc_no']?>">
<div id="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div>
<div id="users">
<span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br>
<span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br>
<span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span>
</div>
<?php } ?>
CSS 样式
#status{
display: none;
}
使用类而不是 ID ,因为循环创建 ID 重复,请尝试这个。
<?php
while($get = mysqli_fetch_array($result)){
?>
<input type="text" name="doc_no" value="<?=$get['doc_no']?>">
<div class="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div>
<div class="users">
<span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br>
<span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br>
<span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span>
</div>
<?php } ?>
和 js 代码,如,
$(document).ready(function(){
$(".SendCopy").click(function(){
$(this).next(".users").slideToggle("slow");
});
});