Fade out with read more link not working in Iconbox

Hello!

I am trying to add a text fade out with a read more link effect to an Iconbox. I found this which works nicely for what I want to do but I haven’t been able to make it work with Enfold.

Here’s what I’ve tried:
– I’ve uploaded the Javascript file to the theme directory (a child theme) and then added this to said child theme’s functions.php:
wp_enqueue_script( 'textfadereadmore', get_template_directory_uri() . '/textfadereadmore.js', array(jquery), true );
– I have added the CSS part in the Quick CSS box of the child theme’s configuration
– In the Iconbox content, HTML tab, I have enclosed the text within a div tag with its corresponding class, <div class="sidebar-box">...</div>, with <p class="read-more"><a href="#" class="button">Read More</a></p> at the end before closing the div tag

The fade out effect seems to work fine, and the text is cut with a “Read more” link appearing in place, but when I click on it the text doesn’t expand.
I tried changing the name of the variables, in case there was a conflict with the Enfold code, but it’s still not working.
Any idea of what might be the issue?

Thank you in advance!
_redge