如何在jquery上隐藏单个段落元素？

Question

所以这是我的网站：http://alexkchen.me/agingquestions.php

我想隐藏下面的段落“我在哪里可以进行老化研究？”当我点击“我在哪里可以进行老化研究？” （但只有那一段）。

我想隐藏“mTOR途径是什么？”下面的段落。当我点击“什么是mTOR途径？”时。

（如果再次单击标题，我最终还要扩展这些段落。）

我如何用jquery做到这一点？

Answer 1

喜欢这个？ $（'h4'）。eq（0）.on（'click'，function（）{$（'p'）。eq（2）.hide（）;}）;

Answer 2

跟随jquery脚本，我将帮助您完成所需的功能。

$("h4").click(function(){
    $(this).next('p').toggle();
});

请参考以下js小提琴。

http://jsfiddle.net/664mj0qp/

Answer 3

你可以这样做：

$("h4").click(function() { 
  $(this).next("p").toggle();
});

此外，使用类来更好地定位元素是个好主意。