Вот и позиционируйте ее с position: absolute
и лучше через псевдоэлемент вставлять ее.
https://jsfiddle.net/prn4wpz0/
нужно отказаться от position: absolute
и родительского width: 810px
а может там static больше подойдет? :)
или, например, z-index чем-то поможет 🤪
Допустим я бы сделал как-то так.
https://jsfiddle.net/96dkxxxv/1/
еще можно с использованием flexbox
https://jsfiddle.net/p19syovv/
Ясное дело, это же не возможно.
Попробуйте проинспектировать эту картинку фаербагом.
Да есть обработчик, если бы не было, аккордеон не работал бы.
дак у вас же для дива id="content" написан display: flex
поэтому то и не переносит на новую строку все дочерние элементы
для начала, кликать вам нужно туда, куда навели, поэтому не
$('.q1').click();
a
$(this).trigger('click'); // лучше использовать триггер
ну и в качестве обработчика, я бы повесил mouseover
и главный косяк, $('li AccordionPanel') !!! вы не поставили точку, перед классом
тогда рандомом подгружайте страницу.
можете создать 3 страницы, в каждой находится нужный блок с рекламой
страницы называть block1, block2
и методом, который показал metadon.info, менять путь при загрузке
я имею ввиду, что в этих страницах будет находится только блок с рекламой
а js-ом вставлять ее куда нужно.
оберните текст в тег label, что бы при клике на текст, переключало кнопки.
и дайте им стили
<style> input[type="radio] { display: inline-block; vertical-align: middle; } label { display: inline-block; vertical-align: middle; } </style