Jquery accordéon: ensemble d'actions à un élément spécifique à l'intérieur en-tête

Question

par défaut, si nous avons quelque chose comme cela comme un en-tête en jQuery Accordéon:

<h3> 
    <div class="1">TEXT</div> 
    <div class="2">ICON</div> 
    <div class="3">BUTTON</div> 
</h3> 

en cliquant n'importe où sur ce point, des œuvres d'accordéon et basculer l'élément suivant et ...

la question est, comment pouvons-nous définir une option et sélectionnez un élément spécifique (comme: 'div' avec la classe '1') pour cliquer dessus et basculer l'accordéon.

Je veux dire que je ne veux pas que tout l'en-tête reste cliquable. Je veux juste cliquer sur une icône ou div o quelque chose à l'intérieur de l'en-tête et basculer ouvrir/fermer l'accordéon.

merci

Mise à jour 1:

HTML:

<div id="testAcc"> 

    <h3> 
     <div class="one">Text</div> 
     <div class="two">Icon</div> 
     <div class="three">Button</div> 
    </h3> 
    <div class="accBody"> 
     text text text text text text text text text text 
    </div> 

    <h3> 
     <div class="one">Text</div> 
     <div class="two">Icon</div> 
     <div class="three">Button</div> 
    </h3> 
    <div class="accBody"> 
     text text text text text text text text text text 
    </div> 

</div> 

JS:

$('#testAcc').accordion({ 
     autoHeight: false, 
     header: 'h3', 
     collapsible: 'ture', 
}); 

ce code fonctionne bien. mais je veux utiliser quelque chose comme (en-tête: 'h3> .one') signifie que je veux définir une classe et un élément spécifiques dans l'en-tête, puis si l'utilisateur clique UNIQUEMENT sur cet élément, l'accordéon s'ouvrira ou se fermera ...

Answer 1

vous pouvez return false avec un gestionnaire de clic sur les éléments que vous ne voulez pas avoir l'effet de basculement de l'accordéon, comme ceci:

$('#testAcc').accordion({ 
    autoHeight: false, 
    header: 'h3', 
    collapsible: true 
}); 
$("#testAcc .two, #testAcc .three").click(function() { 
    return false; 
}); 
​ 

You can see a working demo here