Javascript JQuery.not（）函数工作不正常

所以我对jQuery.not（）函数有问题

所有div都会像正常情况一样通过切换进行折叠，但问题在于每隔一个div类关闭一次。如果您打开了第一个div，单击任何其他div将关闭它，但如果您先单击任何其他div，然后再单击另一个div，则它们不会关闭

这是密码

function hideNot(id) {
    $("#teamMemberDescription").not("." + id).hide();
}

$("#teamMember.paulturner").click(function(){
    hideNot("paulturner");
    $("#teamMemberDescription.paulturner").toggle(500);
});

$("#teamMember.paulblake").click(function(){
    hideNot("paulblake");
    $("#teamMemberDescription.paulblake").toggle(500);
});

$("#teamMember.bobhook").click(function(){
    hideNot("bobhook");
    $("#teamMemberDescription.bobhook").toggle(500);
});

$("#teamMember.yvonnemclean").click(function(){
    hideNot("yvonnemclean");
    $("#teamMemberDescription.yvonnemclean").toggle(500);
});

这是html

<div id="standardContainer" class="teamPage">
        <div id="standardContent">

                <h1 class="entry-title"><whiteblocker>MEET THE TEAM</whiteblocker></h1>

                <div id="teamBanner">
                    <img src="<?php the_field('team_group_image');?>" width="100%">
                </div>

                <div id="teamDescription">
                    <h2>PREVENTEC - WHO WE ARE</h2>
                    <?php the_field('team_description');?>
                </div>

                <div id="teamMembers">
                    <?php if(get_field('team_members')): ?>         
                        <?php while(the_repeater_field('team_members')): ?>
                            <?php $memberName = get_sub_field('member_name');?>
                            <?php $memberName = str_replace(" ","", $memberName);?>
                            <?php $memberName = strtolower($memberName);?>

                            <div id="teamMember" class="<?php echo $memberName;?>">
                                <img src="<?php the_sub_field('member_photo');?>">
                                <div class="teamMemberDetails">
                                    <h3><?php the_sub_field('member_name');?></h3>
                                    <h4><?php the_sub_field('member_position');?></h4>
                                </div>
                            </div>

                        <?php endwhile; ?>
                    <?php endif;?>  
                </div>  

        </div>
    </div>

    <div id="teamDetailsContainer">
        <div id="teamDetailsContent">
            <?php if(get_field('team_members')): ?>         
                <?php while(the_repeater_field('team_members')): ?>
                    <?php $memberName = get_sub_field('member_name');?>
                    <?php $memberName = str_replace(" ","", $memberName);?>
                    <?php $memberName = strtolower($memberName);?>

                    <div id="teamMemberDescription" class="<?php echo $memberName;?>">
                        <h1><?php the_sub_field('member_name');?></h1>
                        <?php the_sub_field('member_description');?>
                    </div>
                <?php endwhile; ?>
            <?php endif;?>
        </div>
    </div>

会见团队
“width=”100%“>
我们是谁
猜猜看：你的结构应该是

// HTML
<div id="description">
    <div id="paul">...</div>
    <div id="...">...</div>
</div>

// JQUERY
function hideNot(name) {
    $("#description > div").not("#" + name).hide();
}

//HTML
...
...
//JQUERY
函数hideNot（名称）{
$（“#description>div”）.not（“#”+name.hide（）；
}
显示您的HTML。您在选择元素时遇到问题，但甚至没有显示文档结构？您有UI行为问题，但甚至没有包含功能演示？您有多个id相同的div？！元素
id
s必须是唯一的。看起来您有多个id为
teamMember
和
team的元素MemberDescription
。首先将其更改为类。请发布浏览器看到的文档，而不是PHP代码。答案有什么问题吗？在所有更新之前，它只起作用并完全匹配原始问题！帮助人们不问正确的问题真的很有趣！