JQueryのみでボタンをつくりたいです

色々調べてみましたが、
こちらも参考にしましたがこういった全てbodyにボタンを作って作っているものが多くわからずお尋ねしました。
https://www.sejuku.net/blog/39296

<button id="show"></button>を消して$("#ex").fadeIn(2000);の内容はそのままで
$("#show").on("click",function()の中にshowのボタンを作りたいです。

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            #ex{
                width: 300px;
                height: 300px;
                border: 1px solid red;
                display: none;
            }
        </style> 
    </head>

    <body>
        <div id="ex"></div>   
 
       
        
        <button id="show"></button>
        
        
        
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>   
                <script>
                    let count =0;

                    $("#ex").fadeIn();
　　　　　　　　　　　
　　　　　　　　　　　$( "<button>show</button><button>hide</button>").appendTo( document.body );

　　　　　　　　　　　$("hide").on("click",function(){
                        $("#ex").fadeOut(2000);  
                    });
                
                    $("#show").on("click",function(){
                        $("#ex").fadeIn(2000);
                        count++;
                        $("#ex").html(count);
                        $("#ex").css("border", count+"px solid red");
                    });

                    $('#show').text('show');

                </script>

    </body>
</html>