Cannot read property 'toggle' of undefined

[ebatgerel]

Description

I have a trouble with using component.

Expected outcome

Collapse content should be expanded

Actual outcome

When i click the button its throws a error.

Live Demo

Here is my html template:

 <template is="dom-repeat" items="[[items]]">
         <div class="collapse-container">
             <button on-click="toggle">[[item.content.title]]</button>
             <iron-collapse id="collapse">
                   <div class="collapse-item">
                         [[item.answer]]
                   </div>
              </iron-collapse>
         </div>
 </template>

Browsers Affected

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10