Copy and Paste HTML in Moodle [EXPANDING ACCORDION EXAMPLE]

Learn how to copy and paste HTML from one Moodle activity or resource to another. In this example we use an expanding accordion that can be used to simplify Moodle content and enhance the user experience.

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>