Discussion :

[remyli]

Bonjour,

jQuery passe automatiquement une hauteur fixe de 25px à mes accordions alors qu'il sont beaucoup plus haut.

J'ai essayé de jouer sur le paramètre autoheight mais rien n'y fait.

Si j'enlève cette hauteur avec firebug la taille passe automatiquement à 320px et mon contenu apparait entièrement sans avoir besoins de scroller.

J'utilise jQuery 1.3.2 et jQueryUI 1.7.2

Mon code JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 $(".jQuery-ui-accordion").accordion({
		    autoheight: false,
	            animated: false ,
	     	    alwaysOpen: false,
		    navigation: false,
		    active: false
		    });

La structure de mon code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class="jQuery-ui-accordion">
 
<h3><a href="#"><!-- Titre --></a></h3>
 
<div>
<!-- Contenu -->
<!-- Fin Contenu -->
</div>
 
</div><!-- Fin Accordion -->

Mon code HTML Après le passage de jQuery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="jQuery-ui-accordion ui-accordion ui-widget ui-helper-reset" role="tablist">
 
<h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" role="tab" aria-expanded="true" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"/><a href="#" tabindex="-1">Le Pélican Frisé en concert</a></h3>
 
<div style="height: 25px; display: block;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">
<!-- Contenu -->
<img src="http://images.monsite.com/_images/200945/v/pubms_ifo.jpg" class="image" alt="Le Pélican Frisé en concert"/><p class="strong">Musique >> Ska Punk</p><p><span class="strong">Artiste : </span> Le Pélican Frisé</p><p><span class="strong">Dates : </span> Du 2009-12-12 au 2009-12-12</p><p><span class="strong">Adresse : </span> BREST 40 quai Douane Black Label Café</p><p>Le Pélican Frisé présente un ska punk rock puissant et entraînant avec son instrumentation originale:violoncelle,violon alto,clarinette,guitares,orgue,
basse,batterie.
nouvel album ASOZIAL sur www.believe.fr/lepelicanfrise et 
www.myspace.com/lepelicanfrise</p><a href="http://www.monsite.com/evenement/le-pelican-frise-le-pelican-frise-en-concert-black-label-cafe-brest-decembre-2009,164401" class="external" target="_blank"><img src="/monsite/trunk/public_html/images/fr/bt_lirelasuite.jpg" alt="Lire la suite"/></a>
<!-- Fin Contenu -->
</div>
 
</div><!-- Fin Accordion -->

Comment régler ce problème ?
Merci pour aide aide

[remyli]

J'ai trouvé ici :
http://old.nabble.com/Fixing-the-Acc...912s27240.html

Donc si votre accordion adopte des hauteurs inapproprié (style="height:35px")

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
          $(".mon-accordion").accordion({clearStyle: true });

[danielhagnoul]

Bonsoir.

Documentation jQuery UI, voir : http://jqueryui.com/demos/accordion/#option-clearStyle