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> |
(...skipping 17 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 |