semplificare in una funzione sola

[Enrico Maria Chellini]

come faccio a semplificare in una funzione sola questo script:


<script type="text/javascript" >
var Dtesto1=14;
var Dtesto2=14;
var Dtesto3=14;

var frecciabasso='/album/freccia-basso.png';
var frecciaalto='/album/freccia-alto.png';
function FontSize(dimensione)
{
if (Dtesto1==14){
document.getElementById('par01').style.fontSize = dimensione + 'px';
document.getElementById('par01').style.padding = dimensione + 'px';


Dtesto1 =0;
document.getElementById('titolodomanda1').style.backgroundImage='url('+frecciaalto+')';

}else {
document.getElementById('par01').style.fontSize = dimensione +
'px'; document.getElementById('par01').style.padding = dimensione +
'px'; Dtesto1 =14;
document.getElementById('titolodomanda1').style.backgroundImage='url('+frecciabasso+')';
}
}
function FontSize2(dimensione2)
{
if (Dtesto2==14){
document.getElementById('par02').style.fontSize = dimensione2 + 'px';
document.getElementById('par02').style.padding = dimensione2 + 'px';


Dtesto2 =0;
document.getElementById('titolodomanda2').style.backgroundImage='url('+frecciaalto+')';

}else {
document.getElementById('par02').style.fontSize = dimensione2 +
'px'; document.getElementById('par02').style.padding = dimensione2 +
'px'; Dtesto2 =14;
document.getElementById('titolodomanda2').style.backgroundImage='url('+frecciabasso+')';
}
}
function FontSize3(dimensione3)
{
if (Dtesto3==14){
document.getElementById('par03').style.fontSize = dimensione3 + 'px';
document.getElementById('par03').style.padding = dimensione3 + 'px';


Dtesto3 =0;
document.getElementById('titolodomanda3').style.backgroundImage='url('+frecciaalto+')';

}else {
document.getElementById('par03').style.fontSize = dimensione3 +
'px'; document.getElementById('par03').style.padding = dimensione3 +
'px'; Dtesto3 =14;
document.getElementById('titolodomanda3').style.backgroundImage='url('+frecciabasso+')';
}
}
</script>
<--css
.titolodomanda{background-color:#4D4E4E;color:#ffffff;
background-image: url('album/freccia-basso.png');
background-repeat:no-repeat; background-position:left; padding-top:
20px; padding-bottom:20px; margin-top:24px; margin-bottom: 0px;}
.titolodomanda >a{color: #ffffff;padding-left:60px;}

.faqnascosto{font-size:0; border: solid 1px; padding: 0px; font-weight:
bold; margin-top:0px; }

-->

<h5 id="titolodomanda1" class="titolodomanda"><a
href="javascript:FontSize(Dtesto1)" > question 1?</a>
</h5><p class="faqnascosto" id="par01"> </p>

<h5 id="titolodomanda2" class="titolodomanda"><a
href="javascript:FontSize(Dtesto2)" > question 2 ?</a>
</h5><p class="faqnascosto" id="par02"> </p>

<h5 id="titolodomanda3" class="titolodomanda"><a
href="javascript:FontSize(Dtesto3)" > question 3?</a>
</h5><p class="faqnascosto" id="par03"> </p>

[Enrico Maria Chellini]

Il giorno Fri, 20 Nov 2020 19:19:26 +0100
Enrico Maria Chellini <bi...@bitit.it> ha scritto:

Correggo

<h5 id="titolodomanda1" class="titolodomanda"><a
href="javascript:FontSize(Dtesto1)" > question 1?</a>
</h5><p class="faqnascosto" id="par01"> </p>

<h5 id="titolodomanda2" class="titolodomanda"><a

href="javascript:FontSize2(Dtesto2)" > question 2 ?</a>

</h5><p class="faqnascosto" id="par02"> </p>

<h5 id="titolodomanda3" class="titolodomanda"><a

href="javascript:FontSize3(Dtesto3)" > question 3?</a>