显示切换打开页面加载

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：火（如在前面的回答中提到）click事件

选项2：删除点击事件

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