wp support - expandable/collapsible posts - style.css

/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
Author: ThePixelMe
Version: 1.0.0
*/

@charset "UTF-8";


/* ==========================================================================
   Expandable/Collapsible posts list
   ========================================================================== */

/* simple reset */
h1, h2, h3, h4, h5, h6, ul, ol, li, p {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

li {
    margin: 20px auto;
}

.category-name {
    cursor: pointer;
}


/**
 * Set default & active state of articles inside categories,
 * default/active are toggle via jQuery in custom.js
 */

/* default state of articles */
.categories-list-item article {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: all 200ms ease;
}

/* when .active class is added (.active class is added via jQuery), show */
.categories-list-item.active article {
    visibility: visible;
    opacity: 1;
    height: auto;
}