Add jquery library to woodmart!

Hello! I’m trying to make a little FadeIn block for my site.

Block structure:
<i class=”fas fa-map-marker-alt”></i><span>Текущий город:</span> [wt_location get=’region’][/wt_location]
<div id=”gorodmy” class=”popover bottom”>
<div class=”arrow”></div>
<h3 class=”popover-title”>Ваш регион [wt_location get=’region’][/wt_location]?</h3>
<div class=”popover-content”>

• Да
• Выбрать город

</div>
</div>

And i add little snippet to site.
Snippet structure:
$(document).ready(function(){

$(“#hidePanel”).click(function(){
$(“#gorodmy”).hide();
});
$(“#hidePanel2”).click(function(){
$(“#gorodmy”).hide();
});
$(“#hidePanel1”).click(function(){
$(“#gorodmy”).hide();
});

});

I need to use Jquery library then it will works correctly

BUT: when i added library my site has a problems with popup..
How can i fixed it?

Thanks a lot!