WebSite X5Help Center

5 RéPONSES - 2 UTILE - 1 CORRECT
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

<div><p>a vederlo direi che è l'<b>accordion</b></p><p>qui trovi delle info:</p><p><a href="https://www.w3schools.com/howto/howto_js_accordion.asp" target="_blank" rel="nofollow">https://www.w3schools.com/howto/howto_js_accordion.asp

oppure dagli amici del cucuzzolo:</p><p>è fatto con la 12 (io non l'ho provato con la 14)</p><p><a href="http://quellidelcucuzzolo.blogspot.it/2016/04/effetto-accordion-oggetti-website-x5.html" target="_blank" rel="nofollow">http://quellidelcucuzzolo.blogspot.it/2016/04/effetto-accordion-oggetti-website-x5.html

e qui l'esempio:</p><p><a href="http://quellidelcucuzzolo.altervista.org/demo/accordion-oggetti-website-x5/" target="_blank" rel="nofollow">http://quellidelcucuzzolo.altervista.org/demo/accordion-oggetti-website-x5/

Lire plus
Posté le de Claudio D.
Mirko C.
Mirko C.
User
Auteur

GRazie mille

Lire plus
Posté le de Mirko C.
Mirko C.
Mirko C.
User
Auteur

Provato sulla 14 e funziona alla grande...

Per mio promemoria, e se può tornare utile a qualcuno, ho personalizzato il codice in questo modo:

<script src="js/jquery-ui-effect.min.js"></script>
<script>
/* ==============================================================
Accordion Object: versione base
Author's custom code: http://quellidelcucuzzolo.blogspot.it
Please do not remove credit
============================================================== */
$(document).ready(function() {
$("div[id^='msacc']").parent().addClass("msaccordion");
$(".msaccordion div[id^='imCellStyle_'], .msaccordion div[id^='imCellStyleDescription']").css("display", "none");
$(".msaccordion div[id^='imCellStyleTitle_']").each(function() {
$(this).prepend("<span class='symFaq'>+ &nbsp &nbsp &nbsp </span>"); //simbolo grafico pannello chiuso
$(this).parent().css("min-height", $(this).outerHeight(true));
});
$(".msaccordion div[id^='imCellStyleTitle_']").click(function() {
var $this = $(this);
if ($this.next().is(":visible")) {
setTimeout(function() {
$this.find("span").html("+ &nbsp &nbsp &nbsp"); //simbolo grafico pannello chiuso
}, 500);
} else {
$this.find("span").html("&#8211 &nbsp &nbsp &nbsp; "); //simbolo grafico pannello aperto
}
$this.nextAll().toggle("blind", 500); //effetti UI consigliati: blind, drop, fade, slide
});
});
</script>

Così: rispetto al codice originale, NON varia il colore impostato per il titolo, ed ho aumentato lo spazio tra il segno + ed il testo del titolo

Lire plus
Posté le de Mirko C.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

ottimo, chiudi pure il post con corretto , se ttto ok...

Lire plus
Posté le de Claudio D.