如何将onclick限制为H2？

Question

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

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

更改：

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

到

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

没有帮助，因为它不是父母？

感谢。

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

Answer 1

它不起作用，因为.content不是this的孩子，这是此上下文中的<h2>元素。您可以使用<h2>：

遍历$(this).parent()的父元素

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

Demo

Answer 2

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

或

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

Answer 3

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

Demo

Answer 4

您可以检查是否是点击的h2

$('article').on('click', function(e) {
    if ($(e.target).is('h2')){
        slide($('.content', this));
    }
});

FIDDLE