Collapse

Ready

HTML
View
Context
Assets
Info
Notes


        
        <div class="collapse">
    <h2 data-trigger="true">This is the heading</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>

    <h2 data-trigger="true">Another heading</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>
</div>


        <div class="collapse">
    <h2 data-trigger="true">This is the heading</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>


    <h2 data-trigger="true">Another heading</h2>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque reiciendis ullam laudantium dignissimos, voluptate
        labore eos id eveniet unde, suscipit quae perspiciatis nemo consectetur ea impedit optio necessitatibus ratione
        ipsum!</p>
</div>


        
            
            /* No context defined. */

File:

Content:


                                .collapse {

}

.collapse > [data-heading] {
    
}

URL: /components/raw/collapse/collapse.demo.css
Filesystem Path: src/components/inline-elements/collapse/collapse.demo.css
Size: 51 Bytes

Handle: @collapse
Preview:
- With layout
- Component only
Filesystem Path: src/components/inline-elements/collapse/collapse.hbs

No notes defined.