Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击新建h3后隐藏以前打开的p标记_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单击新建h3后隐藏以前打开的p标记

Javascript 单击新建h3后隐藏以前打开的p标记,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我做了一个显示隐藏的例子,当我点击h3时,会显示p标签的描述,但这里我遇到了问题。我想隐藏以前的p打开后,点击新的h3。有什么解决办法吗?我不明白。请帮忙 $h3.clickfunction{ $this.nextp.toggleslow; }; p{显示:无;} .f、.s{浮点:左;边距:10px} h2{margin:0px} 网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s FSF sd jhjsdhfsjkf hdsjfhh dh shds

我做了一个显示隐藏的例子,当我点击h3时,会显示p标签的描述,但这里我遇到了问题。我想隐藏以前的p打开后,点击新的h3。有什么解决办法吗?我不明白。请帮忙

$h3.clickfunction{ $this.nextp.toggleslow; }; p{显示:无;} .f、.s{浮点:左;边距:10px} h2{margin:0px} 网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

FSF sd jhjsdhfsjkf hdsjfhh dh shds khsdk sd

DFDFDfs kdhs hkdhj djh sdh sdkh

dcsdcs kjsdjskd

网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

FSF sd jhjsdhfsjkf hdsjfhh dh shds khsdk sd

DFDFDfs kdhs hkdhj djh sdh sdkh

dcsdcs kjsdjskd

网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

FSF sd jhjsdhfsjkf hdsjfhh dh shds khsdk sd

DFDFDfs kdhs hkdhj djh sdh sdkh

dcsdcs kjsdjskd

使用切换时,只需隐藏其他p,而不隐藏下一个p

演示1如果需要在每个父div中隐藏另一个p

$h3.clickfunction{ $this.nextest'.containDiv'.find'p'。而不是$this.nextp.slideUp; $this.nextp.slideToggle; }; p{显示:无;} 网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

网络开发 EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s

EDFDF JKKSFHSKDF hf dh dhffsdh hfdd s


@SagarKodte很高兴这有帮助。。祝您度过愉快的一天:-能否顺利关闭上一个p?@SagarKodte answer更新了两个演示,以满足您的需要。。请检查一下。。别忘了给父div赋予相同的类。。好运:-@SagarKodte您可以使用slideUp或fadeOut代替hide@SagarKodte如果切换出现问题,也可以使用slideToggle,而不只是切换
$("h3").click(function(){
    $('.f p').not($(this).next("p")).hide();
    $(this).next("p").toggle("slow");
});