Здравствуйте, имеется простой спойлер на сайте:
https://jsfiddle.net/Waksim/oax00uuj/1/?utm_source...
HTML
<div class="spo disabled">
<div class="spoh">Заголовок</div>
<div class="spob">Здесь текст и код Google AdSense</div>
</div>
CSS
/*Спойлер*/
.spo{background:#fff;margin: 0 0 8px;border:1px solid #efefef}
.spoh{background:#efefef;cursor:pointer;padding:5px;}
.spob{padding:10px}
.spo.disabled .spob{display:none}
.spo.active{border-color:#57AA43}
.spo.active .spoh{background:#57AA43;color:#fff}
jQUERY
<script>
jQuery(document).ready(function(){
jQuery('.spoh').click(function(){
$(this).parent().toggleClass("active").children('div.spob').toggle('normal');
})
})
</script>
Проблема в том, что как бы я не пытался запихать рекламу под спойлер – на выходе получается пустое пространство (пример - картинка снизу)

Может кто-нибудь сталкивался, пожалуйста, подскажите, как решить проблему!!!