I want the top banner to disappear if you press X

 <!-- Band banner -->
    <div class="promotionBanner">
        <a href="/refer_a_friend.html" class="bannerLink">  
            <img src="/web/upload/category/editor/2021/03/11/dc454e2d910b096ead46e4ae7f030705.png" alt="Please write down your banner contents." /><-- Change to the desired banner image -->
        </a>
        <a href="class="btnClose"><img src="http://sdsupport.cafe24.com/img/guide/tip/btn_close.png" alt="Banner Close" /></a>
    </div>
    <!--// Band Banner -->

/* band banner js */
var bannerFunc = function(){
    $('.promotionBanner .btnClose').bind("click", function(){
        $('.promotionBanner').hide();
    });
};
$(function($){
    bannerFunc();
});