单击时在另一个元素内显示隐藏元素

后续： 如何获得$（this）选择器的子项？

不管怎么说对我不起作用。

http://jsfiddle.net/teKwN/1/

HTML

 Sometext 
 Another text 
  

CSS

 h3 { display: none; } 

JS

 $('h4').live('click', function() { $(this).children('h3').toggle('slide'); }); 

编辑：有多个项目，如h4。 http://jsfiddle.net/teKwN/4/

请帮忙。 谢谢。

Answer 1

您的HTML无效，因此浏览器会尝试找出您的意思。 如果你检查chrome中的元素，你会看到：

 
 Sometext 
 
 Another text  

因此，你的h4没有孩子，所以$(this).children('h3')返回任何元素。

您需要将h3更改为其他内容，或者更改结构和代码以反映更改。

http://jsfiddle.net/teKwN/3/

Answer 2

不确定究竟是什么问题，但嵌套标题可能不是一个好主意。 使用标题重新组织HTML作为容器元素中的兄弟姐妹似乎解决了它： http ： //jsfiddle.net/rjzaworski/sJe3g/

Answer 3

尝试

 $('h3').toggle('slide'); 

代替

 $(this).children('h3').toggle('slide'); 

Answer 4

检查一下它工作正常

  $('h4').live('click', function() { $('h3').toggle('slow'); });