ページの読み込み時にトグルを開く

Question

私は以下のコードで苦労しています。私がしたいのは、ページの読み込み時にスライドアウトメニュー（nav-container）を開いて、クリックして開くまで非表示にすることだけです。どうすればこれを達成できますか？

$(window).load(function() { 
 
     $(".btn-nav").on("click tap", function() { 
 
     $(".nav-container").toggleClass("showNav hideNav").removeClass("hidden"); 
 
     $(this).toggleClass("animated"); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="btn-nav"> 
 
    <div class="bar arrow-top-r"></div> 
 
    <div class="bar arrow-middle-r"></div> 
 
    <div class="bar arrow-bottom-r"></div> 
 
    </button> 
 
    
 
    <nav class="nav-container hidden hideNav"> 
 
     <ul class="nav-list"> 
 
     <li class="list-item"><a href=""><i class="fa fa-home"></i></a></li> 
 
     <li class="list-item"><a href=""><i class="fa fa-credit-card-alt"></i></a></li> 
 
     <li class="list-item"><a href=""><i class="fa fa-usb"></i></a></li> 
 
     <li class="list-item"><a href=""><i class="fa fa-edge"></i></a></li> 
 
     <li class="list-item"><a href=""><i class="fa fa-shopping-basket"></i></a></li> 
 
     </ul> 
 
    </nav>

Answer 1

コールclick： -

$(window).load(function() { 
    $(".btn-nav").on("click tap", function() { 
    $(".nav-container").toggleClass("showNav hideNav").removeClass("hidden"); 
    $(this).toggleClass("animated"); 
    }).click(); 
}); 

Answer 2

オプション1：火クリックイベント（前の回答で述べたように）

オプション2：クリックイベントを削除する

$(window).load(function() { 
    $(".nav-container").toggleClass("showNav hideNav").removeClass("hidden"); 
    $(this).toggleClass("animated"); 
});