Adding if/this to change text of a Button module after clicking

Hello beautiful people,

I currently have 3 buttons on a divi site that hide/reveal sections but would like the text to change on the buttons themselves from 'Learn More' to 'Close' whenever the sections are expanded and collapsed. Does anyone know of some JS I can plug into the code below to do this?

Here is the JS im using in a code module for the hide/reveals:
<script type="text/javascript">
//First part
jQuery(document).ready(function() {
jQuery('#reveal_1').hide();
jQuery('.rv_button_1').click(function(e){
e.preventDefault();jQuery("#reveal_1").slideToggle();
jQuery('.rv_button_1').toggleClass('opened closed');
jQuery("#reveal_2").hide();
jQuery("#reveal_3").hide();
});
});
//Second part
jQuery(document).ready(function() {
jQuery('#reveal_2').hide();
jQuery('.rv_button_2').click(function(e){
e.preventDefault();jQuery("#reveal_2").slideToggle();
jQuery('.rv_button_2').toggleClass('opened closed');
jQuery("#reveal_1").hide();
jQuery("#reveal_3").hide();
});
});
//Third part
jQuery(document).ready(function() {
jQuery('#reveal_3').hide();
jQuery('.rv_button_3').click(function(e){
e.preventDefault();jQuery("#reveal_3").slideToggle();
jQuery('.rv_button_3').toggleClass('opened closed');
jQuery("#reveal_1").hide();
jQuery("#reveal_2").hide();
});
});
</script>

Here is the CSS im using that changes the icons:
.rv_button_1.closed:after {content:"\4c";}
.rv_button_1.opened:after{content:"\4d";}
.rv_button_2.closed:after {content:"\4c";}
.rv_button_2.opened:after{content:"\4d";}
.rv_button_3.closed:after {content:"\4c";}
.rv_button_3.opened:after{content:"\4d";}


Thank you.