I am trying to make it so when you click the button:

* the button and Heading are removed;
* the hidden content is displayed.

Then the hidden content has a back button. Once you click that it reverts all changes. 

The JavaScript code below doesn't work, but it should give you an idea of what I'm trying to achieve. I am not sure how to contact both ids/classes since I need to do both. 

```
<script>
$('.mobileAdultBtn').on('click' function () {
    $('#vContentLeft').css('display', 'block');
    $('.backBtn').css('display', 'block');
    $('.mobileAdultBtn').css('display', 'none');
    $('.mobileYoungAdultBtn').css('display', 'none');
    $('.productHeading ').css('display', 'none');
});

$('.backBtn').on('click' function () {
    $('#vContentLeft').css('display', 'none');
    $('.backBtn').css('display', 'none');
    $('.mobileAdultBtn').css('display', 'block');
    $('.mobileYoungAdultBtn').css('display', 'block');
    $('.productHeading ').css('display', 'block');
});
</script>

```