在網站開發中，導航切換顯示css是一項經常用到的技術。通過使用由CSS編寫的樣式表，我們可以輕松地實現導航樣式的變化，使整個網站看起來更加美觀和專業。

關于導航切換顯示css的實現方法，我們可以通過JavaScript和jQuery兩種方式來達到我們想要的效果。下面分別講解這兩種方法的實現：

// JavaScript方法
function toggleNavStyle() {
var nav = document.getElementById("nav");
if (nav.style.display === "none") {
nav.style.display = "block";
} else {
nav.style.display = "none";
}
}
// jQuery方法
$("#nav").on("click", function() {
$(this).toggleClass("nav-toggle");
});

我們不難發現，兩種方法中實現的代碼都十分簡單。在JavaScript方法中，我們通過操作getElementById()函數返回的元素的樣式display屬性來實現導航顯示和隱藏的效果；而在jQuery方法中，則是通過toggleClass()函數來對導航元素的class屬性進行動態添加或移除。

最后，我們需要定義導航的樣式表。通常情況下，我們會為導航元素定義兩種樣式，一種表示導航當前未選中狀態下的樣式，另一種則表示導航選中狀態下的樣式。以下是我們定義的css示例：

/* 導航未選中狀態下的樣式 */
.nav {
display: none;
}
/* 導航選中狀態下的樣式 */
.nav-toggle {
display: block;
background-color: #333;
color: #fff;
}

通過這種方式，我們就可以輕松地實現導航的切換顯示效果了！