Jquery 具有相同类别的div-在任何一次发行时只允许打开一个div

我已经设置了一个包含一些团队简介的页面

在CSS中，所有概要文件描述都是隐藏的

单击配置文件时，我将显示该配置文件的描述

同时，我想关闭前一个打开的

这段代码工作正常，但是如果我尝试关闭当前打开的代码，它会关闭，然后再次打开

当我通读代码时，我可以理解为什么会发生这种情况，但我不确定如何关闭一个打开的概要文件而不让它再次打开

HTML

<div class="profile">

    <img src="img/profile.jpg" />

    <p>Name</p>

    <p>Job Title</p>

    <p class="text"></p>

    <div class="description">

        <p>Blah blah blah</p>

    </div> <!-- description -->

</div> <!-- .profile -->

---

非常感谢所有帮助和时间。

通常的解决方案是将“当前”面板从幻灯片中排除，例如，不使用：

$(document).ready(function(){
    $('.team p.text').prepend('Biog');
    $('.team .profile', this).click(function(e) {
        $('p.text').text('Biog');
        var change = $(this).find('p.text');
        $('.description').not($('.description', this).slideToggle(1000, 'linear', function() {
            change.text($(this).is(':visible') ? 'Close biog' : 'Biog');
        })).slideUp();
        e.preventDefault();
    });
});

---

抱歉没有让代码更清晰，但是没有HTML。。。（提示）

一个HTML示例将有助于演示任何修复方法。一个HTML示例，包括

.team

元素，会更好。：）。团队正是应用于身体的课程：）谢谢，这非常有效。我已经将我的HTML添加到原始问题中，因为它可能在将来帮助其他人。

$(document).ready(function(){
    $('.team p.text').prepend('Biog');
    $('.team .profile', this).click(function(e) {
        $('p.text').text('Biog');
        var change = $(this).find('p.text');
        $('.description').not($('.description', this).slideToggle(1000, 'linear', function() {
            change.text($(this).is(':visible') ? 'Close biog' : 'Biog');
        })).slideUp();
        e.preventDefault();
    });
});