javascript - 如何将 onclick 限制为仅 H2？

Question

http://jsfiddle.net/dragontheory/CxNnB/

需要能够将 onclick 限制为仅 H2。否则单击内部内容将其关闭。

改变:

$('article').on('click', function() {

到

$('h2').on('click', function() {

没有帮助，因为它不是 parent ？

谢谢。

原文:http://paintincode.blogspot.com/2012/04/css3-transition-slideup-box-take-2.htmlhttp://jsfiddle.net/cpkDg/

Answer 1

自.content 起它就不能工作了不是 this 的 child ，这是 <h2>在这种情况下的元素。可以遍历到<h2>使用 $(this).parent() 的父元素:

$('h2').on('click', function() {
    slide($('.content', $(this).parent()));
});

Demo