primereact/components/accordion/Accordion.css

[](https://gitter.im/primefaces/primereact?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

.ui-accordion { 
    width: 100%; 
}

.ui-accordion .ui-accordion-header { 
    cursor: pointer; 
    position: relative; 
    margin-top: 1px; 
    zoom: 1; 
}

.ui-accordion .ui-accordion-header a { 
    display: block; 
    padding: .5em;
}

.ui-accordion .ui-accordion-header a > span { 
    display: inline-block; 
    vertical-align: middle;
}

.ui-accordion .ui-accordion-content { 
    padding: 1em;
    border-top: 0;
    zoom: 1;
}

.ui-accordion .ui-accordion-header.ui-state-disabled, 
.ui-accordion .ui-accordion-header.ui-state-disabled a { 
    cursor: default; 
}

.ui-accordion .ui-accordion-content-wrapper-collapsed {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.ui-accordion .ui-accordion-content-wrapper-expanded {
    max-height: 1000px;
    transition: max-height 1s ease-in-out;
}

.ui-accordion .ui-accordion-content-wrapper-expanding {
    overflow: hidden;
}