JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [
                ['$', '$'],
                ['\\(', '\\)']
            ],
            processEscapes: true
        },
            "HTML-CSS": {
            scale: 90
        }
    });
</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<p>Text that contains math equations like $x = y^2$.</p>
<div>
    
<h3 class="header section-toggle">Header $H_1$</h3>

    <div class="section-container tex2jax_ignore">
        <div class="section">
            <p>Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$.</p>
        </div>
    </div>
</div>
<p>Text that contains math equations like $x = y^2$.</p>
<div>
    
<h3 class="header section-toggle">Header $H_1$</h3>

    <div class="section-container tex2jax_ignore">
        <div class="section">
            <p>Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$. Text with lots of equations like $15/\sqrt{3}$.</p>
        </div>
    </div>
</div>

<p>Text that contains math equations like $x = y^2$.</p>
<div>
    
<h3 class="header section-toggle">Header $H_1$</h3>

   ...

CSS

h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
}

JavaScript

$('.section-container').hide();

$('.section-toggle').click(function () {
    var section = $(this).parent().children('.section-container');
    section.removeClass("tex2jax_ignore");
    MathJax.Hub.Queue(["Typeset",MathJax.Hub,section.get(0)]);
    section.slideToggle(500);
});