Incompatible jquery javascript function

Question

Good night, you guys

Have this javascript function that loads a banner inside the div 'tesum', according to the amount of lines that the text has in the div, like these ADS videos advertising on news site. And another random banner at the beginning of the text inside the div 'bdads_post'. However, give the following error when using the jquery version library: http://belmontediario.com.br/wp-includes/js/jquery/jquery.js?ver=1.12.4

Error: { "message": "Uncaught Referenceerror: $ is not defined", "filename": "stacksnippets.net/js";, "lineno": 15, "colno": 9 }

With another version works well, however, other features of my site stop working, for example, the load more button at the end of the home page. www.belmontediario.com.br

https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

There is some sort of incompatibility with my code. There is another way to do this?

Obirgado by the attention!

$(function(){
    var banner = ["<img src='http://1.bp.blogspot.com/-iFFHRIIu-OQ/WeQhVKLaqZI/AAAAAAAAhRM/poHm7XyVpfoK2OE-bR-D21wQrMU1W5RzgCK4BGAYYCw/s1600/madferro.gif' alt=''>", "<img src='http://3.bp.blogspot.com/-B84mYgVTaQQ/Utfu9prTnnI/AAAAAAAABtM/KdTqQzNS2Ec/s1600/ducarmin.gif' width='300' alt=''>"];
    var bannerPost = banner[Math.floor(Math.random() * banner.length)];

    $("#bdads_post").append(new Array(1 + 1).join(bannerPost));

});

$(function(){
var newImage = document.createElement('p');
var img = document.createElement('div');
img.innerHTML = '<img src="http://3.bp.blogspot.com/-nCxwwr5kcUM/WM7z-Gqi2FI/AAAAAAAAd2g/e30MQRv-EoUDwDIsAZyzCa0VqoaSPd6PQCK4B/s1600/ph-turismo.gif"/>';
newImage.appendChild(img);
newImage.id = 'phtur';                    

var image = document.getElementById("tesum");    
image.insertBefore(newImage, image.childNodes[26]);
});

$(function(){
    $('#phtur').hide().delay(20000).slideToggle('slow');
    $('#phtur').click(function(){
        $("#phtur").slideToggle('slow');
    });
});

<div id='tesum'>

<div id='bdads_post'></div>
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>


<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>


<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>


</div>