WebSite X5Help Center

5 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
Claudio D.
Claudio D.
Moderator
Usuário do mês 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/

Ler mais
Publicado em de Claudio D.
Mirko C.
Mirko C.
User
Autor

GRazie mille

Ler mais
Publicado em de 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

Ler mais
Publicado em de Mirko C.
Claudio D.
Claudio D.
Moderator
Usuário do mês IT

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

Ler mais
Publicado em de Claudio D.