Inserindo script jQuery em uma página

Olá! Preciso inserir um script jQuery em uma página personalizada do site. Não tenho muita noção de como funciona a forma correta de inserir, o código é o seguinte:

<script type=”text/javascript”>
jQuery.fn.toggleText = function(a,b) {
return this.html(this.html().replace(new RegExp(“(“+a+”|”+b+”)”),function(x){return(x==a)?b:a;}));
}

$(document).ready(function(){
$(‘.tgl’).before(‘<span>Revelar conteúdo</span>’);
$(‘.tgl’).css(‘display’, ‘none’)
$(‘span’, ‘#box-toggle’).click(function() {
$(this).next().slideToggle(‘slow’)
.siblings(‘.tgl:visible’).slideToggle(‘fast’);
// aqui começa o funcionamento do plugin
$(this).toggleText(‘Revelar’,’Esconder’)
.siblings(‘span’).next(‘.tgl:visible’).prev()
.toggleText(‘Revelar’,’Esconder’)
});
})
</script>

E o Html

<div id=”box-toggle”>

<div class=”tgl”>
<h2>Conteúdo um</h2>
<p>Lorem ipsum dolor sit amet, consectetuer…</p>
</div>

<div class=”tgl”>
<h2>Conteúdo dois</h2>
<p>Lorem ipsum dolor sit amet, consectetuer…</p>
</div>

<div class=”tgl”>
<h2>Conteúdo três</h2>
<p>Lorem ipsum dolor sit amet, consectetuer…</p>
</div>

</div>

Quais são as formas que eu posso inserir esse script para que funcione? Testei algumas maneiras que encontrei pela internet, mas nenhuma funcionou.
Se alguém puder me ajudar, agradeço!