Copy and Paste HTML in Moodle [EXPANDING ACCORDION EXAMPLE]

HTML Code for expanding accordion used in tutorial

Copy and paste the code as you follow along the instructional video above:

<p dir="ltr" style="text-align: left;"></p>
<div class="accordion" id="accordionExample">
    <div class="card z-depth-0 bordered">
        <div class="card-header" id="headingOne">
            <h5 class="mb-0"><button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span class=""><strong><span style="caret-color: rgb(245, 184, 0);">💡</span> Learning Outcomes</strong></span></button></h5>
        </div>
        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample" style="">
            <div class="card-body">
                <div style="font-size: 0.9375rem;">
                    <p><span><em>During this week you will gain the knowledge, skills, and attitudes to:</em></span></p>
                    <p><span><em><br></em></span></p>
                </div>
            </div>
        </div>
    </div>
</div>

Details

Article ID: 6002
Created
Thu 6/15/23 3:35 PM
Modified
Thu 6/22/23 4:28 PM