|
90 | 90 | <div |
91 | 91 | data-component="AccordionItem" |
92 | 92 | class="border -mb-px" |
93 | | - data-options='{ "styles": { "container": { "active": "transition-all duration-500 ease-out-expo" } } }' |
| 93 | + data-options='{ "isOpen": true, "styles": { "container": { "active": "transition-all duration-500 ease-out-expo" } } }' |
94 | 94 | > |
95 | 95 | <button data-ref="btn" class="block w-full p-4 text-left cursor-pointer"> |
96 | 96 | Lorem ipsum |
97 | 97 | </button> |
98 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 98 | + <div data-ref="container" class="relative overflow-hidden"> |
99 | 99 | <div data-ref="content" class="w-full p-4 pt-0"> |
100 | 100 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto nobis laboriosam |
101 | 101 | rerum aspernatur deserunt similique facere impedit alias, error officia cum quibusdam |
|
111 | 111 | <button data-ref="btn" class="block w-full p-4 text-left cursor-pointer"> |
112 | 112 | Lorem ipsum |
113 | 113 | </button> |
114 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 114 | + <div data-ref="container" class="relative overflow-hidden"> |
115 | 115 | <div data-ref="content" class="w-full p-4 pt-0"> |
116 | 116 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto nobis laboriosam |
117 | 117 | rerum aspernatur deserunt similique facere impedit alias, error officia cum quibusdam |
|
127 | 127 | <button data-ref="btn" class="block w-full p-4 text-left cursor-pointer"> |
128 | 128 | Lorem ipsum |
129 | 129 | </button> |
130 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 130 | + <div data-ref="container" class="relative overflow-hidden"> |
131 | 131 | <div data-ref="content" class="w-full p-4 pt-0"> |
132 | 132 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto nobis laboriosam |
133 | 133 | rerum aspernatur deserunt similique facere impedit alias, error officia cum quibusdam |
|
151 | 151 | Show image #1 |
152 | 152 | <span class="inline-block" data-ref="icon">▼</span> |
153 | 153 | </button> |
154 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 154 | + <div data-ref="container" class="relative overflow-hidden"> |
155 | 155 | <div data-ref="content" class="w-full p-4 pt-0"> |
156 | 156 | <img data-options='{ "log": true }' data-src="https://placekitten.com/200/100" width="200" height="100" alt="" /> |
157 | 157 | </div> |
|
166 | 166 | Show image #2 |
167 | 167 | <span class="inline-block" data-ref="icon">▼</span> |
168 | 168 | </button> |
169 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 169 | + <div data-ref="container" class="relative overflow-hidden"> |
170 | 170 | <div data-ref="content" class="w-full p-4 pt-0"> |
171 | 171 | <img data-src="https://placekitten.com/200/120" width="200" height="120" alt="" /> |
172 | 172 | </div> |
|
181 | 181 | Show image #3 |
182 | 182 | <span class="inline-block" data-ref="icon">▼</span> |
183 | 183 | </button> |
184 | | - <div data-ref="container" class="relative overflow-hidden" aria-hidden="true"> |
| 184 | + <div data-ref="container" class="relative overflow-hidden"> |
185 | 185 | <div data-ref="content" class="w-full p-4 pt-0"> |
186 | 186 | <img data-src="https://placekitten.com/200/80" width="200" height="80" alt="" /> |
187 | 187 | </div> |
|
0 commit comments