jQuery UI Accordion restreint le clic à certaines parties de l'en-tête - jquery-ui, jquery-ui-accordéon

Dites que j'ai un en-tête formaté plutôt complexe pour un accordéon jQuery UI, disons quelque chose comme ceci:

<div id="list-accordion">
<div class="list-accordion-header">
<span class="list-thumb-container">
<a href="someplace_thumb.jpg" title="some title" class="group1">
<img src="/images/somplace_large.jpg" />
</a>
</span>
<div class="list-basic-details">
The basic explanation comes here
</div>
</div>
<div class="list-extra-detail">
All the rest of the information in the panel of the accordion
</div>
</div>

Serait-il alors possible d'appliquer l'accordéonl’en-tête ressemble à tout l’en-tête, donc au div avec la classe .list-accordion-header, mais ne le fait que fonctionner, c’est-à-dire que vous ouvrez le div .list-extra-detail en dessous, quand un élément donné dans le l'en-tête est cliqué? Dans ce cas, la div avec .list-basic-details. Remarquez que je voudrais garder le lien autour de l'image vivant pour ses propres fins, sans déclencher l'accordéon.

Actuellement, l'accordéon fonctionne de cette manière, avec l'ensemble de l'en-tête actif, que je voudrais modifier:

$("#list-accordion").accordion(
{
icons: false ,
autoHeight : false ,
active: false ,
header: ".list-accordion-header" ,
collapsible: true
}
);

À votre santé.

Réponses:

J'ai résolu ce problème en réfléchissant différemment.modèle. J'utilise toujours l'intégralité de l'en-tête pour cliquer et ouvrir le volet, sauf que je bloque ce clic s'il se trouve sur un certain élément de l'en-tête. Dans ce cas, le pouce. Donc, quand quelqu'un clique sur le pouce, l'accordéon reste fermé.

Pour une description complète de cette approche différente de mon problème, regardez ici: Plugin jQuery ColorBox dans un en-tête d'accordéon UI