Скрыть iframe под кнопкой "загрузить" - Joomla 3.x: Общие вопросы

Здравствуйте.
У меня вот какой вопрос:
На странице материала я делаю iframe, файл PDF для него берется с диска ondrive (ну это не важно).

<iframe src="https://onedrive.live.com/embed?cidxxxxxxxxxxxxxxxxxxxx" width="400" height="400"></iframe>

Я хочу сделать так, чтобы сразу этот файл не загружался, а только после нажатия кнопки типа "Развернуть/Посмотреть" на странице.
Отдельным вторым материалом по-моему это делать как-то неразумно, а другое мне в голову не идет.
Подскажите пожалуйста, как лучше такое сделать?

здра.
почитайте, как работет lazy-загрузка и напишите js-скриптик, который будет по нажатию на кнопку спойлера делать замену пути к источнику на данные из data-original.

Так... почитал
Про скрипт замены пути я не понял.
Но вот какое решение у меня нарисовалось:
Поставить плагин lazy-load и плагин спойлера. Пока файл под спойлером, он не видим и не грузится, открывается спойлер и идет загрузка.
Правильно я рассуждаю? Вроде все логично. Надо пробовать
Спасибо за направление поиска.

да все правильно, просто обычно скрипты lazy-load обрабатывают картинки, а не pdf-ки.
поэтому в вашем случае логичнее просто плагин спойлера поставить и в нем дописать в нажатие на кнопку спойлера поиск и замену для дочернего pdf

т.е. плагин спойлера есть,
внутрь спойлера пишем вывод pdf без фреймов, через

<embed class="lazy" data-original="http://example.com/the.pdf" src="" width="500" height="375" type='application/pdf'>


в обработчик открытия спойлера дописать

Добрался снова до этого сайта
У меня нет ссылки на сам файл, есть ссылка на этот ondrive, а файлы будут оттуда. Получается только "внедрение" сделать. Оно там так называется. И выводится фреймом.
Получилось в общем-то практически то, что хотел.
Я использовал плагин Tabs & Slider & Spoilers (joomext.ru/plugin-tabs-slider-spoilers)

Единственное, чего понять не могу, этот файл во фрейме под спойлером как-то обрезано показывается. Фрейм полностью, а внутри него не всё.
Сам сайт у меня локальный пока, поэтому попытался на картинке показать.
Поясню. Сверху тот же код без спойлера - там все нормально (pdf-ка во весь фрейм)
<iframe src="https://onedrive.live.com/embed?cid=B4Fxxxxxxxxxx" width="476" height="288" frameborder="0" scrolling="no"></iframe>
Под спойлером тот же код, фрейм полностью, а файл только на треть.
Блин, всю голову уже сломал, не могу понять почему так.

height="288" - высота фрейма
ставь больше, 800, к примеру

тут просто условный кусок вставлен, у меня стоит высота 950
на скрине маленький кусочек сверху спойлера имеет точно такой же код, но файл в нем идет до конца фрейма.

UPD ААААА! Простите, я дебила кусок!   эта фигня была из-за изменения масштаба в браузере! Блин, я часа 4 разбирался в непонятных мне кодах, рыскал по форумам. Ширина была в процентах, высота в пикселях, а внутренности-то фрейма в размерах не менялись.... Вот вечно так, какая-нибудь дебильная ошибка/недочет кучу времени съедает.

ну нормально. все настоящие_детективы начинают с таких громких дел о таинственном уменьшении улик