Bonjour

Je souhaite utiliser le plugin accordion de jquery-ui

mais il n'est pas responsive (sauf erreur).

Je pensais y remédier en utilisant les média-queries en spécifiant 

une largeur spécifique de l'accordion pour les petits écrans

@media screen and (max-width: 480px) {

     #accordion {

      width:300px;

   }

Mais la largeur des onglets ne change pas elle reste à la taille initiale lorsque je réduis l'écran 

Damirov

Bonjour,

Il nous faudrait plus de code, voire un jsfiddle.net pour te venir en aide. Car ce widget devrait permettre d'implémenter du responsive deisgn simplement.

Bonjour,

J'utilise simplement le code de l'accordion présent sur le site de jquery ui avec les dépendences qui vont bien

comme indiqué dans view source

https://jqueryui.com/accordion/#collapsible

et je rajoute juste un script perso  utilisant le code media queries pour les écrans inférieurs à 480px de large  dans le head

@media screen and (max-width: 480px) {

     #accordion {

      width:300px;

   }

Mais cela ne modifie pas la largeur du DIV de l'accordion

-
Edité par damirov 19 février 2019 à 17:05:21

Il n'y a pas de raison que ça ne marche pas.

@media screen and (max-width: 680px) {
 #accordion {
    width:300px;
 }
}

Essaye comme ceci et refais tes tests. Peut-être que tu ne diminues pas assez la taille de ta fenêtre.

Tu as raison cela fonctionne  depuis l'original

c'est en l'incorporant dans ma page ou il y a d'autres scripts  que cela déconne 

surement un conflit avec un code existant ...

Ok  je vais voir

merci pour le commentaire :-)