Hey Jason, I definitely think that the option for the section would be the simplest/quickest way to get what I want off the ground. However, if you don't mind I'd love to look at the Javascript examples you could provide (since I am trying to acclimate myself more to that)

I don't have any pre-made examples, but Forms loads the JQuery libraries which makes the process of showing and hiding things pretty simple.

Personally, instead of hiding the entire customHTML element (#q44) I would add an ID attribute to the iframe and only hide that; this way you can put the button in the same CustomHTML element, just be sure to give it an ID as well.

Then do something like,

$(document).ready(function(){
    $('#myButton').on('click',function(){
        // check if frame is visible        
        if($('#myFrame').is(':visible')){
             $('#myFrame').hide();
        }
        else{
             $('#myFrame').show();
        }
    });
});

The example above is for a "toggle" button, but you could do separate buttons and just hide the appropriate one along with the frame and ditch the if/else.

If you do a toggle, you could also update the button text inside the function. I kept the example simple because the exact code is going to vary depending on the approach you choose, what type of button, etc.