jQuery 是一種廣泛使用的 JavaScript 庫，可簡化 HTML 頁面的遍歷、事件處理、動畫和 Ajax 操作。其中，頂部下拉菜單是一種常見的頁面元素，可以讓用戶快速導航到需要的頁面。

$(document).ready(function(){
$('.dropdown-trigger').click(function(){
$('.dropdown-menu').toggleClass('show');
});
});

這段代碼使用了 jQuery，其中包括一個3個函數。 document.ready() 函數用于確保代碼在文檔加載完畢后執行。click() 函數用于在菜單觸發器被點擊時顯示或隱藏下拉菜單。toggleClass() 函數用于切換 CSS class，從而用于控制菜單的顯示和隱藏。

HTML 代碼也需要正確設置，以下是一個簡單的例子：

在這個例子中，頂部菜單的下拉菜單由一個 class 為 .dropdown-menu 的 div 元素包裹，而觸發其顯示或隱藏的是 class 為 .dropdown-trigger 的 li 元素。當用戶點擊 .dropdown-trigger 元素時，jQuery 代碼將觸發下拉菜單的顯示或隱藏，讓頁面元素的互動變得更加生動有趣。