Unhide automatically one topic per week in Moodle

Using Weekly format with Bootstrap default theme you can use this simple CSS to make it works

by Génesis García Morilla

HTML

<div class="editing">
    <ul class="weeks">
        <li id="section-1" class="section">One</li>
        <li id="section-2" class="section current">Two</li>
        <li id="section-3" class="section">Three</li>
        <li id="section-4" class="section">Four</li>
    </ul>
</div>

<div>
    <ul class="weeks">
        <li id="section-1" class="section">One</li>
        <li id="section-2" class="section current">Two</li>
        <li id="section-3" class="section">Three</li>
        <li id="section-4" class="section">Four</li>
    </ul>
</div>

CSS

/* Hide forthcoming weeks if we are no */
:not(.editing) .weeks > li.current ~ li {
    display: none;
}

/* Editing mode have to be visible */
.editing .weeks > li.current ~ li {
    display: list-item;
}