Javascript 单击div时如何隐藏/显示同级div

我的网页上有多个div。当我点击名为singers div的父div时，它假设只在这个div中打开这个

，并在兄弟
div
中关闭
。但它不起作用

注意：
childern（）
mine.js:27未捕获类型错误：$（…）。childern不是函数

HTML

jQuery

$(".singers-div").click(function(){
    $(this).find('p').slideDown(1000);
    $(this).find('.singers').siblings('p').slideUp(1000);
})

你可以这样做：


$（“.singers div”）。单击（函数（）{
if（$（this）.find（'p'）.css（“显示”）=“无”）{
让歌手=$（“.singers”）。而不是（这个）；
歌手。每个（函数（）{
if（$（this.css（“显示”）=“块”）{
美元（本）.slideUp（1000）；
}
});
$（this.find（'p'）.slideDown（1000）；
}否则{
$（this.find（'p'）.slideUp（1000）；
}
})
h1、h2、p{
保证金：0；
}
.歌手
{
显示：无；
}
.歌手头
{
光标：指针；
}

歌手一号
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手二
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手三
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手四
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
您可以这样做：


$（“.singers div”）。单击（函数（）{
if（$（this）.find（'p'）.css（“显示”）=“无”）{
让歌手=$（“.singers”）。而不是（这个）；
歌手。每个（函数（）{
if（$（this.css（“显示”）=“块”）{
美元（本）.slideUp（1000）；
}
});
$（this.find（'p'）.slideDown（1000）；
}否则{
$（this.find（'p'）.slideUp（1000）；
}
})
h1、h2、p{
保证金：0；
}
.歌手
{
显示：无；
}
.歌手头
{
光标：指针；
}

歌手一号
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手二
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手三
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手四
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
在这行中：

$(this).find('.singers').siblings('p').slideUp(1000); 

.同级仅适用于具有相同父级的元素，而不是处于相同的“级别”（如果愿意，则为同级）。在HTML中，每个.singer都位于其自己的singers-div中

你需要找到一个普通的父项，然后找到所有的
p.singers
来隐藏它们：

$(this).closest(".container").find('p.singers')


$（“.singers div”）。单击（函数（）{
$（this）.closest（“.container”）.find（'p.singers'）.slideUp（1000）；
$（this.find（'p'）.slideDown（1000）；
})
h1，
h2，
p{
保证金：0；
}
.歌手{
显示：无；
}
.歌手头{
光标：指针；
}

歌手一号
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手二
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手三
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
歌手四
Lorem ipsum，dolor sit amet Concertetur Adipising Elite。我的脸需要你的眼睛，但我有责任去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你，去爱你！德莱尼，坐下
在这行中：

$(this).find('.singers').siblings('p').slideUp(1000); 

.同级仅适用于具有sa的元素
$(this).closest(".container").find('p.singers')