Javascript 多实例中的Ajax下拉效果

在我的网站的员工页面中，我有一个ajax下拉菜单，上面有每个员工的信息。问题是，当我在同一页面中打开多个下拉菜单/框时，我将尝试打开的一行中的第二个菜单/框在第一次单击时将快速打开和关闭，在第二次单击时将正确打开

那么，如果其他下拉菜单已经打开，我如何解决这个问题并以正确的方式打开下拉菜单呢

Staff.php：

<script>
var staff=0;
function show_staffinfo(i)
    {
        staff++;
        $.ajax({
                type: "POST",
                data: { 'id' : i,'cnt':staff},
                url:"staff_show.php",
                success:function(result){
                    $("#staffinfo2_"+i). replaceWith(result);
                }
        });          
    }
</script>

<?php
$sa = mysqli_query($link,"select id,username,motto,role_description,look from users where rank=8");

while($fa=mysqli_fetch_array($sa)) {
?>
<div class="stafflist1" id="stafflist1_<?php echo $fa['motto'];  ?>">
    <div class="picsizstaff">
        <div class="picstaff" style="background: url(http://www.bobbaitalia.it/ba-simple-proxy.php?url=http://www.habbo.it/habbo-imaging/avatarimage?figure=<?php echo $fa['look'];  ?>&action=null&direction=3&head_direction=3&gesture=srp&size=b&img_format=gif) repeat scroll 0 0 "></div>
        </div>
        <div class="staff_num">
            <div ><?php echo $fa['username']; ?></div>
            <div id="staff_info"><?php echo $fa['motto']; ?> |</div>
        </div>
        <div class="pointer"><img class="point" id="point_<?php echo $fa['id'];  ?>" src="image/pointdown.png" onClick="show_staffinfo(<?php echo $fa['id'];  ?>)" ></div>
    </div>
    <div class="staffinfo2" style="display:none;" id="staffinfo2_<?php echo $fa['id'];  ?>"></div>
<?php } ?>

var=0；
功能显示(i)
{
职员++；
$.ajax({
类型：“POST”，
数据：{'id'：i，'cnt'：staff}，
url:“staff_show.php”，
成功：功能（结果）{
$（“#StaffInfo 2"+i）.替换为（结果）；
}
});          
}
|
)" >
$（“#staffinfo 2”）。向下滑动（“慢速”）；
&动作=std、wav和手势=sml&direction=3&head\u direction=3&size=n&img\u format=png“>
$（“#staffinfo2"”）.slideUp（）；
这是因为您的
$cnt=$\u POST['cnt']%2；如果（$cnt>0）
指令。你实际上在做的是，每隔一段时间，你不是在显示信息，而是在向上滑动并隐藏信息。例如，将其更改为
if（1）
，您将看到报告的问题已得到解决

现在只剩下向上滑动所有的其他div，但这是一项单独的任务，您可以在调用ajax之前或之后在js中执行。
这是因为您的
$cnt=$\u POST['cnt']%2；如果（$cnt>0）
指令。你实际上在做的是，每隔一段时间，你不是在显示信息，而是在向上滑动并隐藏信息。例如，将其更改为
if（1）
，您将看到报告的问题已得到解决

您现在只剩下向上滑动所有其他div，但是，在调用ajax之前或之后，这是一项单独的任务，您可以在js本身中执行。
通常，当您对幻灯片效果作用于哪个jquery对象不够具体时，就会发生这种情况。通常，当您对幻灯片效果作用于哪个jquery对象不够具体时，就会发生这种情况
<?php
$sel_st=mysqli_query($link,"select id,username,motto,role_description,facebook_link,twitter_link,instragram_link,as  kme_link,look from users where id='".$_POST['id']."'");

$fet_st=mysqli_fetch_array($sel_st);
$cnt=$_POST['cnt']%2;

if($cnt > 0){ 
?>

<script>
    $( "#staffinfo2_<?php echo $fet_st['id'];  ?>" ).slideDown( "slow" );
</script>

<div class="staffinfo2 " id="staffinfo2_<?php echo $fet_st['id'];  ?>" style="display:none;">
    <div class="think"><?php echo $fet_st['role_description']; ?></div>
    <div class="thinkarrow"><img src="image/think.png"></div>
    <div class="pic_staff">
        <div class="tingpic"><img src="http://labs.habox.org/avatarimage.php?figure=<?php echo $fet_st['look'];  ?>&action=std,wav&gesture=sml&direction=3&head_direction=3&size=n&img_format=png">
            <div class="fbicon">
                <?php if($fet_st['facebook_link']!=null) { ?><a href="<?php echo $fet_st['facebook_link']; ?>" target="_blank"><img src="image/Facebook-icon.png"></a><?php } ?>
                <?php if($fet_st['twitter_link']!=null) { ?> <a href="<?php echo $fet_st['twitter_link']; ?>" target="_blank"><img src="image/Twitter-2-icon.png"></a><?php } ?>
                <?php if($fet_st['instragram_link']!=null) { ?><a href="<?php echo $fet_st['instragram_link']; ?>" target="_blank">
                <img src="image/insta.png"></a><?php } ?>
                <?php if($fet_st['askme_link']!=null) { ?> <a href="<?php echo $fet_st['askme_link']; ?>" target="_blank"> <img src="image/ask.png"></a><?php } ?>
            </div>
        </div>
    </div>
</div>
<?php } else { ?>

<script>
    $("#staffinfo2_<?php echo $fet_st['id'];  ?>").slideUp();
</script>

<div class="staffinfo2" id="staffinfo2_<?php echo $fet_st['id'];  ?>" ></div>
<?php } ?>