Use "Click to Expand" anywhere

[pandan]

It works as an HTML widget

<xf:css src="bb_code.less" />

<blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch">
    <div class="bbCodeBlock-content">
        <div class="bbCodeBlock-expandContent js-expandContent">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat pellentesque augue,
                tincidunt bibendum eros pretium id. Nullam luctus euismod semper. Etiam luctus nisl vitae est
                fermentum, in finibus lectus convallis. Phasellus condimentum neque ligula. Ut quis libero orci.
                Etiam dictum tristique neque, nec euismod lectus maximus in. Suspendisse lacinia auctor ex quis
                suscipit. Maecenas eu tellus vel lorem suscipit finibus. Suspendisse vel venenatis velit, at
                consectetur massa.
            </p>
        </div>
        <div class="bbCodeBlock-expandLink js-expandLink"><a role="button" tabindex="0">{{ phrase('click_to_expand') }}</a></div>
    </div>
</blockquote>

 

[FateKid]

It works as an HTML widget

<xf:css src="bb_code.less" />

<blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote js-expandWatch">
    <div class="bbCodeBlock-content">
        <div class="bbCodeBlock-expandContent js-expandContent">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat pellentesque augue,
                tincidunt bibendum eros pretium id. Nullam luctus euismod semper. Etiam luctus nisl vitae est
                fermentum, in finibus lectus convallis. Phasellus condimentum neque ligula. Ut quis libero orci.
                Etiam dictum tristique neque, nec euismod lectus maximus in. Suspendisse lacinia auctor ex quis
                suscipit. Maecenas eu tellus vel lorem suscipit finibus. Suspendisse vel venenatis velit, at
                consectetur massa.
            </p>
        </div>
        <div class="bbCodeBlock-expandLink js-expandLink"><a role="button" tabindex="0">{{ phrase('click_to_expand') }}</a></div>
    </div>
</blockquote>

Great little HTML widget, thanks for sharing!
In XenForo, you can use these in Appearance > Widgets if anyone is wondering