Javascript 切换除已单击元素的子元素之外的所有元素

我需要切换（显示/隐藏）已单击的

的子元素

，而所有其他

应隐藏。我能做到这一点

但单击同一元素（现在显示）不会隐藏。如何实现这一点

$（文档）.ready（函数（）{
$（“p”）.hide（）；
$（“li”）。单击（函数（）{
$（“p”）。不是（这个）。隐藏（200）；
$（“p”，this）.toggle（200）；
});
});


q1
a1


问题2
a3


第三季度
a3


第四季度
a4



您需要将要排除的
p
元素传递给
not（）
，您现在正在传递
此
，它指的是
li
元素


$（文档）.ready（函数（）{
$（“p”）.hide（）；
$（“li”）。单击（函数（）{
var$ps=$（“p”，this）.stop（true）.toggle（200）；
$（“p”）。不（$ps）。停止（true）。隐藏（200）；
});
});


q1
a1


问题2
a3


第三季度
a3


第四季度
a4



您需要将要排除的
p
元素传递给
not（）
，您现在正在传递
此
，它指的是
li
元素


$（文档）.ready（函数（）{
$（“p”）.hide（）；
$（“li”）。单击（函数（）{
var$ps=$（“p”，this）.stop（true）.toggle（200）；
$（“p”）。不（$ps）。停止（true）。隐藏（200）；
});
});


q1
a1


问题2
a3


第三季度
a3


第四季度
a4





试着这样做


尝试这样做
使用以下简单逻辑：

$(document).ready(function(){
    $("p").hide();
    $("li").click(function(){

        $("p").not(this).hide(200);

       if($("p",this).is(":visible")){
        $("p", this).hide(200);}
       else{
       $("p", this).show(200);}
    });
});

检查小提琴
使用以下简单逻辑：

$(document).ready(function(){
    $("p").hide();
    $("li").click(function(){

        $("p").not(this).hide(200);

       if($("p",this).is(":visible")){
        $("p", this).hide(200);}
       else{
       $("p", this).show(200);}
    });
});

选中fiddle
更改jQuery代码，如下所示

$(document).ready(function(){
    $("p").hide();
    $("li").click(function(){
        $("p").not($(this).find("p")).hide(200);
        $(this).find("p").toggle(200);
    });
});

更改jQuery代码，如下所示

$(document).ready(function(){
    $("p").hide();
    $("li").click(function(){
        $("p").not($(this).find("p")).hide(200);
        $(this).find("p").toggle(200);
    });
});

请检查一下out@guradio它没有隐藏其他人tags@Munawir你说不躲藏是什么意思？请再次检查一下，看看这个[小提琴]（）@NidhinPrathap是否可以用。非常感谢，请检查一下out@guradio它没有隐藏其他人tags@Munawir你说不躲藏是什么意思？请再次检查一下，看看这个[小提琴]（）@NidhinPrathap是否可以用。非常感谢