XF 2.1 Help with an expandable block?

[frm]

I've previously tried to create a [BIGQUOTE] BB code that I could wrap around people posting full Wiki articles (well not Wiki, but huge blocks of text) and failed miserably.

I want it to work exactly like the [QUOTE] tag, except removing the top bar of X said while leaving the bottom bar of Click to expand so that a thread isn't so long on mobile view.

Is anybody able to help with the display HTML for this?

Thanks!

 

[frm]

This is my BB code:

<blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
<div class="bbCodeBlock-content">
<div class="bbCodeBlock-expandContent ">{text}

</div>
<div class="bbCodeBlock-expandLink"><a>Click to expand...</a></div>
</div>
</blockquote>

This is its display (as opposed to a normal quote as seen on here):

 

[frm]

Can anyone assist with an expandable quote like BB code that only has the 'click to expand' for large blocks of text?

Thanks