Why Adsense ads don't work under spoiler?

Question

css

Hello, there is a simple spoiler on the site:
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>

The problem is that no matter how I try to put ads under the spoiler, the output is empty space (example - picture below)

Can anyone come across, please tell me how to solve the problem !!!

Answer 1

When the code is loaded - the element is hidden, the code cannot show ads if the element is hidden. Advertising must be added at the time the element is expanded.

Answer 2

There may be no ads for this page, happened on new test pages or on new types of ads

Answer 3

Make spoilers open and collapse them after the page has loaded