Jquery 显示一个div但隐藏所有其他div不起作用

我有一个jQuery代码，它在单击时显示/隐藏额外的信息。但是我有一个要求，当一个信息被打开时，另一个信息应该被隐藏。i、 e单击特定链接时，应打开该信息，并隐藏其他信息。怎么做

CSS

.linkinfo {  display: none; }  
.nn { margin: 5px 0 5px 0; font-weight: bold;}

jQuery:

jQuery(document).ready(function($) {
    $('.link').on('click', function () {
        $(this).text(function (i, txt) {
            return txt.indexOf('MORE') != -1 ? 'HIDE' : 'MORE';
        }).closest('.nn').next('.linkinfo').slideToggle();
    });
});

HTML

Red blood cells (RBCs) principal means of delivering oxygen to the body tissues.
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called erythrocytes. 
</div><br>

White blood cells (WBCs) are the cells of the immune system against infectious disease. 
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called leukocytes.
</div><br>

Platelets are blood cells whose function  is to stop bleeding.
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called thrombocytes.
</div><br>

红细胞（RBC）是向身体组织输送氧气的主要手段。
也称为红细胞。


白细胞（WBC）是免疫系统抵抗传染病的细胞。
也叫白细胞。


血小板是血细胞，其功能是止血。
也称为血小板。

我已尝试解决您的问题，但无法更改标题

请试试这个

Red blood cells (RBCs) principal means of delivering oxygen to the body tissues.
<a class="link" href="javascript:void(0)">MORE</a>
<div class="linkinfo">
Also called erythrocytes. 
</div><br>

White blood cells (WBCs) are the cells of the immune system against infectious disease. 
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called leukocytes.
</div><br>

Platelets are blood cells whose function  is to stop bleeding.
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called thrombocytes.
</div><br>
<style>
.linkinfo{
display:none;
}
</style>
<script>
jQuery(document).ready(function($) {
    $('.link').on('click', function () {
        $(this).text(function (i, txt) {
            return txt.indexOf('MORE') != -1 ? 'HIDE' : 'MORE';
        }).next('.linkinfo').show().siblings('.linkinfo').css( "display", "none");

    });
});
</script>

红细胞（RBC）是向身体组织输送氧气的主要手段。
也称为红细胞。


白细胞（WBC）是免疫系统抵抗传染病的细胞。
也叫白细胞。


血小板是血细胞，其功能是止血。
也称为血小板。


.linkinfo{
显示：无；
}
jQuery（文档）.ready（函数（$）{
$（'.link'）。在（'click'，函数（）{
$（this）.text（函数（i，txt）{
返回txt.indexOf（'MORE'）！=-1？'HIDE'：'MORE'；
}).next（'.linkinfo'）.show（）.sides（'.linkinfo'）.css（“显示”、“无”）；
});
});

---

“隐藏”“显示”功能正常，但在此查询中“隐藏”“显示”功能无效

我已尝试解决您的问题，但无法更改标题

请试试这个

Red blood cells (RBCs) principal means of delivering oxygen to the body tissues.
<a class="link" href="javascript:void(0)">MORE</a>
<div class="linkinfo">
Also called erythrocytes. 
</div><br>

White blood cells (WBCs) are the cells of the immune system against infectious disease. 
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called leukocytes.
</div><br>

Platelets are blood cells whose function  is to stop bleeding.
<a class="link" href="javascript:void(0)">MORE</a><div class="linkinfo">
Also called thrombocytes.
</div><br>
<style>
.linkinfo{
display:none;
}
</style>
<script>
jQuery(document).ready(function($) {
    $('.link').on('click', function () {
        $(this).text(function (i, txt) {
            return txt.indexOf('MORE') != -1 ? 'HIDE' : 'MORE';
        }).next('.linkinfo').show().siblings('.linkinfo').css( "display", "none");

    });
});
</script>

红细胞（RBC）是向身体组织输送氧气的主要手段。
也称为红细胞。


白细胞（WBC）是免疫系统抵抗传染病的细胞。
也叫白细胞。


血小板是血细胞，其功能是止血。
也称为血小板。


.linkinfo{
显示：无；
}
jQuery（文档）.ready（函数（$）{
$（'.link'）。在（'click'，函数（）{
$（this）.text（函数（i，txt）{
返回txt.indexOf（'MORE'）！=-1？'HIDE'：'MORE'；
}).next（'.linkinfo'）.show（）.sides（'.linkinfo'）.css（“显示”、“无”）；
});
});

---

“隐藏”“显示”工作正常，但“更多”和“隐藏”在此查询中不起作用

是否需要类似的内容：

JSFiddle：

---

注意：您的示例数据没有应用于元素的

.nn

类，但您实际上并不需要它。

是否希望这样：

JSFiddle：

---

注意：示例数据没有应用于元素的

.nn

类，但实际上并不需要它。

查看此解决方案是否有用

默认情况下，我已将

notselected

类添加到所有

a

标记中

html

---

看看这个解决方案是否有用

默认情况下，我已将

notselected

类添加到所有

a

标记中

html

---

类为

.nn

的元素在哪里？更改

.closest（'.linkinfo'）.slideToggle（）

和try.nn类用于超链接；这是一个时髦的模式，其中是类为

.nn

？change

.closest（'.linkinfo'）.slideToggle（）的元素

和try.nn类用于超链接；而且是时尚的图案

  Red blood cells (RBCs) principal means of delivering oxygen to the body tissues.
<a class="link notselected" href="javascript:void(0)">MORE</a>

<div class="linkinfo">Also called erythrocytes.</div>
<br>White blood cells (WBCs) are the cells of the immune system against infectious disease.
<a class="link notselected" href="javascript:void(0)">MORE</a>

<div class="linkinfo">Also called leukocytes.</div>
<br>Platelets are blood cells whose function is to stop bleeding.
<a class="link notselected" href="javascript:void(0)">MORE</a>

<div class="linkinfo">Also called thrombocytes.</div>
<br>

$('.link').on('click', function () {
$('.link').not(this).removeClass('selected').addClass('notselected');
if ($(this).hasClass('selected')) {

    $(this).addClass("notselected").removeClass('selected');
} else $(this).removeClass('notselected').addClass("selected");

toggleLabel();
});

function toggleLabel() {
    $('.selected').text("HIDE");
    $(".notselected").text('MORE');
    $('.selected').next('.linkinfo').slideToggle();
    $(".notselected").next('.linkinfo').hide();

}