jQuery，導航欄和toggle（）問題

Question

好的，所以我有一個導航欄，其中包含使用內聯塊樣式顯示的鏈接列表。 我使用了媒體查詢，以便當我將屏幕尺寸調整為較小尺寸時，如果列表不再適合欄，它將轉換為一個下拉菜單，並帶有一個按鈕，該按鈕有助於打開和關閉下拉菜單的可見性。 該按鈕使用以下簡單的jquery代碼工作：

$(document).ready(function() {
    $("#nav-menu").click(function(){
        $("#nav-links").slideToggle("down");
    });
});

（＃nav-menu是按鈕的ID，而＃nav-links是列表的ID）

我的問題是，當我單擊菜單按鈕並隱藏下拉菜單時，緊接着我將瀏覽器屏幕的大小調整為正常寬度后，它仍然保持隱藏狀態。 當我將鏈接列表的大小調整為正常寬度時，無論我是否打開或關閉下拉菜單，如何強制鏈接列表保持可見狀態？ 如果其他地方沒有論壇，請原諒我，我沒有檢查，我的網站還沒剩多少時間。

有關視覺示例，請訪問Impactbnd.com，查看頂部的導航欄，然后調整瀏覽器的大小並查看下拉菜單，以使您大致了解要完成的工作。

Answer 1

當超過一定寬度時，使用resize（）來顯示（）下拉菜單。

$( window ).resize(function() {
    if($( window ).width() >= XXX){
        $("#nav-links:hidden").show();
    }
    else{
        $("#nav-links:visible").hide();
    }
});