Comment distribuer un élément enfant à partir d'un événement click

Question

Quelqu'un peut-il m'aider avec cela? Il y a le code HTML:

<h3> 
    <label> 
     <input type="checkbox" name="country" value="us" /> United States 
    </label> 
</h3> 
<p>Some content goes here</p> 

Je veux basculer p élément en cliquant sur le h3 tag, mais je ne wan't pas passer si je clique sur l'étiquette

$('h3').click(function() { 
    // Does something goes here? 
    $(this).next('p').toggle(); 
} 

Answer 1

Vous devez vérifier la cible de l'action

$('h3').click(function(e) { 
    // if they clicked the h3 only 
    if (this == e.target) { 
    $(this).next('p').toggle(); 
    } 
} 

La suggestion d'altCognito fonctionnerait également mais c'est plus de code.

Answer 2

Vous voulez stopPropagation()

$('h3').click(function() { 
    // Does something goes here? 
    $(this).next('p').toggle(); 
} 
$('label').click(function(e) { 
    e.stopPropagation(); 
}