Previews

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<div class="accordion">
<details name="my_accordion">
<summary>Product Information</summary>
<p class="pbe-4">
Our flagship product combines cutting-edge technology with sleek
design. Built with premium materials, it offers unparalleled
performance and reliability.
<br>
<br>
Key features include advanced processing capabilities,
and an intuitive user interface designed for both beginners and experts.
</p>
</details>
<details name="my_accordion">
<summary>Shipping Details</summary>
<p class="pbe-4">
We offer worldwide shipping through trusted courier partners.
Standard delivery takes 3-5 business days, while express shipping
ensures delivery within 1-2 business days.
<br>
<br>
All orders are carefully packaged and fully insured. Track your
shipment in real-time through our dedicated tracking portal.
</p>
</details>
<details name="my_accordion">
<summary>Return Policy</summary>
<p class="pbe-4">
We stand behind our products with a comprehensive 30-day return
policy. If you're not completely satisfied, simply return the
item in its original condition.
<br>
<br>
Our hassle-free return process includes free return shipping and
full refunds processed within 48 hours of receiving the returned item.
</p>
</details>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div class="accordion">
<details name="my_accordion">
<summary>Product Information</summary>
<p class="pbe-4">
Our flagship product combines cutting-edge technology with sleek
design. Built with premium materials, it offers unparalleled
performance and reliability.
<br><br>
Key features include advanced processing capabilities,
and an intuitive user interface designed for both beginners and experts.
</p>
</details>
<details name="my_accordion">
<summary>Shipping Details</summary>
<p class="pbe-4">
We offer worldwide shipping through trusted courier partners.
Standard delivery takes 3-5 business days, while express shipping
ensures delivery within 1-2 business days.
<br><br>
All orders are carefully packaged and fully insured. Track your
shipment in real-time through our dedicated tracking portal.
</p>
</details>
<details name="my_accordion">
<summary>Return Policy</summary>
<p class="pbe-4">
We stand behind our products with a comprehensive 30-day return
policy. If you're not completely satisfied, simply return the
item in its original condition.
<br><br>
Our hassle-free return process includes free return shipping and
full refunds processed within 48 hours of receiving the returned item.
</p>
</details>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
:where(.accordion) {
details {
border-block-end-width: var(--border);
font-size: var(--text-sm);
&::details-content {
block-size: 0;
overflow: hidden;
transition-behavior: allow-discrete;
transition-duration: var(--time-200);
transition-property: content-visibility block-size;
}
&[open]::details-content {
block-size: auto;
}
}
summary {
align-items: center;
cursor: default;
display: flex;
font-weight: var(--font-medium);
padding-block: var(--size-4);
&:hover {
text-decoration: underline;
}
&:focus-visible {
outline: var(--border-2) auto var(--color-selected-dark);
}
&::after {
background-color: currentColor;
block-size: var(--size-4);
content: "";
inline-size: var(--size-4);
margin-inline-start: auto;
mask-image: url("chevron-down.svg");
mask-size: cover;
transition: transform var(--time-200);
}
details[open] > &::after {
transform: var(--rotate-180);
}
}
}
Java Script is not required or multiple files are needed, check the notes.