WebSite X5Help Center

5 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
Claudio D.
Claudio D.
Moderator
Nutzer des Monats 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/

Mehr lesen
Gepostet am von Claudio D.
Mirko C.
Mirko C.
User
Autor

GRazie mille

Mehr lesen
Gepostet am von Mirko C.
Mirko C.
Mirko C.
User
Autor

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

Mehr lesen
Gepostet am von Mirko C.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

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

Mehr lesen
Gepostet am von Claudio D.