Question

I have the below where trigger open is a sliding div that exposes the cnt class housing the iframe. I want the iframe to only load when the trigger is activated exposing the iframe.

How do I load the iframe only when clicked vs as the page loads?

    <div class="trigger open"><a href="#">Search The Map</a></div>

<!-- Hidden until Trigger class is clicked -->
    <div class="cnt">
        <iframe width="500" height="500" frameborder="0" scrolling="no" src="http://externalpage.com/"></iframe>
    </div>

Answer 1

Could be on this way?

Also you would try this.