Accordion

Useful for FAQ and help sections.

Handlebars

A partial can be used for handlebars called > faq it takes an array:

            
faq:
    -
        question: "How do I edit my timeline?"
        answer: "Once you've created a timeline, you can make changes by going back to your Google spreadsheet. Changes you make to the spreadsheet are automatically available to your Timeline—you don't need to repeat the 'publish to the web' step (step #2). If you want to make changes to the optional settings, you will need to update your embed code, but if you are only changing content in the spreadsheet, then there's nothing else to do."
        link: ""
    -
        question: "How do I edit my timeline?"
        answer: "Once you've created a timeline, you can make changes by going back to your Google spreadsheet. Changes you make to the spreadsheet are automatically available to your Timeline—you don't need to repeat the 'publish to the web' step (step #2). If you want to make changes to the optional settings, you will need to update your embed code, but if you are only changing content in the spreadsheet, then there's nothing else to do."
        link: ""
            
        

  • How do I edit my timeline?

    Once you've created a timeline, you can make changes by going back to your Google spreadsheet. Changes you make to the spreadsheet are automatically available to your Timeline—you don't need to repeat the "publish to the web" step (step #2). If you want to make changes to the optional settings, you will need to update your embed code, but if you are only changing content in the spreadsheet, then there's nothing else to do.
  • What web browsers does TimelineJS work with?

    Our primary development and testing browser is Google Chrome. We adhere closely to web standards, so we believe that TimelineJS should work effectively in all modern web browsers. TimelineJS is known to not work with Internet Explorer versions before IE10.
  • What are my options for changing how my Timeline looks?

    First, make sure you know everything you can do in the spreadsheet configuration, like background colors and images. Also, check out the optional settings part of "step 3" of the authoring tool. You can change the fonts, the position of the timeline navigation, and the initial zoom level. If you still want to do more, there are some configuration options available. Most of those are for fine tuning, but some of them may be helpful.
				
<ul class="accordion">
    <li>
        <input type="checkbox" checked>
        <i></i>
        <h3>How do I edit my timeline?</h3>
        <div class="accordion-content">
            Once you've created a timeline, you can make changes by going back to your Google spreadsheet. Changes you make to the spreadsheet are automatically available to your Timeline—you don't need to repeat the "publish to the web" step (step #2). If you want to make changes to the optional settings, you will need to update your embed code, but if you are only changing content in the spreadsheet, then there's nothing else to do.
        </div>
    </li>
    <li>
        <input type="checkbox" checked>
        <i></i>
        <h3>What web browsers does TimelineJS work with?</h3>
        <div class="accordion-content">
            Our primary development and testing browser is Google Chrome. We adhere closely to web standards, so we believe that TimelineJS should work effectively in all modern web browsers. TimelineJS is known to not work with Internet Explorer versions before IE10.
        </div>
    </li>
    <li>
        <input type="checkbox" checked>
        <i></i>
        <h3>What are my options for changing how my Timeline looks?</h3>
        <div class="accordion-content">
            First, make sure you know everything you can do in the spreadsheet configuration, like background colors and images. Also, check out the optional settings part of "step 3" of the authoring tool. You can change the fonts, the position of the timeline navigation, and the initial zoom level. If you still want to do more, there are some configuration options available. Most of those are for fine tuning, but some of them may be helpful.
        </div>
    </li>
</ul>