For optimal viewing, try on mobile size by using Google inspect to simulate an iPhone 6. This content may not display until it reaches a certain breakpoint.
I have applied a max-height to one class and then used .toggleClass to add another class with a larger max-height !important to ".sectionTwo". However, the height animation does not seem to be working. How can I resolve this issue?
<script>
$(document).ready(function(){
$("#sectionTwoBtn").click(function(){
$(".sectionTwo").toggleClass( "fullHeight", 10000);
$(".hiddenFade").toggleClass("hideThis", 10000);
});
});
</script>
This script is intended to activate upon clicking the first "Read more" button.
Here is the link to the page in question:
Thank you for your assistance!