[Résolu] « Content dropdown »

Salut,

Je cherche à produire un effet d’apparition d’un court texte sur ma page d’accueil en fonction du persona visitant mon site.

Voilà ce que je voudrais faire : https://www.topspot.com/assets/images/blog/2017/may/local-seo-gif.gif

J’ai googlé, je n’ai rien trouvé pour le moment.

Une idée ? Merci

Hello,

Quelque chose comme ceci te conviendrait ?
https://codepen.io/exemple/pen/XWjYmmM?editors=1010

Après tu peux tout à fait le faire en plaçant les textes en display:none et sur le même principe tu change les CLASS pour afficher/masquer les textes.

Merci beaucoup, c’est parfait !

Belle fin de journée à toi

Oops, et sans js, c’est possible ?

Alors j'aurais tendance à dire que NON, bien que tu puisse intégrer du JS dans le 'onchange' de ton select !
Honnêtement c'est moche et pas simple à modifier ensuite, et en plus ça reste du JS

<select onchange="switch(this.value){case 'Manufacturer':containText.innerText='Welcome Manufacturer';break;case 'Supplier/Distributor':containText.innerText='Welcome Supplier/Distributor';break;case 'B2C Company':containText.innerText='Welcome B2C Company';break;case 'B2B Company':containText.innerText='Welcome B2B Company';break;case 'Local Business':containText.innerText='Welcome Local Business';break;default:containText.innerText = '';}">
  <option>Tell Us About Yourself</option>
  <option>Manufacturer</option>
  <option>Supplier/Distributor</option>
  <option>B2C Company</option>
  <option>B2B Company</option>
  <option>Local Business</option>
</select>

<div id="containText"></div>