Fondutation 5 accordion

[lucavalentino]

Per creare un sito responsive sto usando il framework foundation versione 5
Vorrei creare un accordion.
se uso tale codice tutto ok.

<dl class="accordion" data-accordion>
  <ul class="small-block-grid-1 medium-block-grid-3">
    <li><dd>
        <a href="#panel1c">Accordion 1</a>
        <div id="panel1c" class="content">Panel 1. Lorem ipsum dolor</div>
      </dd></li></ul></dl> 

Il problema è che vorrei creare accordion con i tag div e/o section.

[Prill]

Ciao, non è un problema da area css. Eventualmente dovresti modificare il js foundation.accordion che prevede l'uso di liste di definizioni:

      .on('click.fndtn.accordion', '[' + this.attr_name() + '] dd > a', function (e) {
        var accordion = S(this).closest('[' + self.attr_name() + ']'),
            target = S('#' + this.href.split('#')[1]),
            siblings = S('dd > .content', accordion),
            aunts = $('> dd', accordion),
            settings = accordion.data(self.attr_name(true) + '-init'),
            active_content = S('dd > .content.' + settings.active_class, accordion),
            active_parent = S('dd.' + settings.active_class, accordion);
        e.preventDefault();