Styleguide

Accordion 

<div>
    <div>
        <div class="card">
            <div class="card-header">
                <a href="#faq1" data-toggle="collapse" aria-expanded="false" aria-controls="faq1">Wie kann mein Unternehmen Bewertungen erhalten?</a>
            </div>
        </div>
    </div>
    <div id="faq1" class="collapse">
        <div class="card">
            <div class="card-body">
                <p>Die Bewertungsfunktion der TIMOCOM basiert auf Transaktionen, d.h. Unternehmen werden über Transaktionen bewertet.</p>
                <p>Auftragnehmer und Auftraggeber können sich gegenseitig bewerten, wenn ein von beiden Seiten angenommener Transportauftrag im Smart Logistics System existiert. Somit ist sichergestellt, dass die beiden Vertragspartner tatsächlich einen Auftrag gemeinsam durchgeführt haben.</p>
            </div>
        </div>
    </div>
</div>
 
<div>
  <div>
    <div class="card">
      <div class="card-header">
        <a
          href="#{{target}}"
          data-toggle="collapse"
          aria-expanded="false"
          aria-controls="{{target}}"
        >{{question}}</a>
      </div>
    </div>
  </div>
  <div id="{{target}}" class="collapse">
    <div class="card">
      <div class="card-body">
        {{#each paragraph}}
          <p>{{this}}</p>
        {{/each}}
      </div>
    </div>
  </div>
</div>
 
{
  "target": "faq1",
  "question": "Wie kann mein Unternehmen Bewertungen erhalten?",
  "paragraph": [
    "Die Bewertungsfunktion der TIMOCOM basiert auf Transaktionen, d.h. Unternehmen werden über Transaktionen bewertet.",
    "Auftragnehmer und Auftraggeber können sich gegenseitig bewerten, wenn ein von beiden Seiten angenommener Transportauftrag im Smart Logistics System existiert. Somit ist sichergestellt, dass die beiden Vertragspartner tatsächlich einen Auftrag gemeinsam durchgeführt haben."
  ]
}

No notes defined.