| OLD | NEW |
| 1 # iron-collapse | 1 # iron-collapse |
| 2 | 2 |
| 3 `iron-collapse` creates a collapsible block of content. By default, the content | 3 `iron-collapse` creates a collapsible block of content. By default, the content |
| 4 will be collapsed. Use `opened` or `toggle()` to show/hide the content. | 4 will be collapsed. Use `opened` or `toggle()` to show/hide the content. |
| 5 | 5 |
| 6 ```html | 6 ```html |
| 7 <button on-click="{{toggle}}">toggle collapse</button> | 7 <button on-click="toggle">toggle collapse</button> |
| 8 | 8 |
| 9 <iron-collapse id="collapse"> | 9 <iron-collapse id="collapse"> |
| 10 <div>Content goes here...</div> | 10 <div>Content goes here...</div> |
| 11 </iron-collapse> | 11 </iron-collapse> |
| 12 ``` | 12 ``` |
| 13 | 13 |
| 14 ```javascript | 14 ```javascript |
| 15 toggle: function() { | 15 toggle: function() { |
| 16 this.$.collapse.toggle(); | 16 this.$.collapse.toggle(); |
| 17 } | 17 } |
| (...skipping 10 matching lines...) Expand all Loading... |
| 28 border: 1px solid #dedede; | 28 border: 1px solid #dedede; |
| 29 } | 29 } |
| 30 </style> | 30 </style> |
| 31 | 31 |
| 32 <iron-collapse> | 32 <iron-collapse> |
| 33 <div class="collapse-content"> | 33 <div class="collapse-content"> |
| 34 <div>Content goes here...</div> | 34 <div>Content goes here...</div> |
| 35 </div> | 35 </div> |
| 36 </iron-collapse> | 36 </iron-collapse> |
| 37 ``` | 37 ``` |
| OLD | NEW |