可以使用JavaScript监听单击事件，切换汉堡菜单的状态并同时更改aria-expanded属性的值。代码示例如下：

HTML结构：

JavaScript代码：

const navToggle = document.getElementById('nav-toggle'); const navigationList = document.querySelector('.navigation-list');

navToggle.addEventListener('click', function() { const ariaExpanded = navToggle.getAttribute('aria-expanded'); const isExpanded = ariaExpanded === 'true';

navigationList.classList.toggle('is-active'); navToggle.setAttribute('aria-expanded', !isExpanded); });

CSS样式：

.navigation-list { display: none; }

.navigation-list.is-active { display: block; }

.hamburger-icon { display: block; width: 25px; height: 3px; background-color: #333; position: relative; top: 50%; transform: translateY(-50%); }

.hamburger-icon::before, .hamburger-icon::after { content: ''; width: 100%; height: 3px; background-color: #333; position: absolute; left: 0; }

.hamburger-icon::before { top: -8px; }

.hamburger-icon::after { bottom: -8px; }

注：这是一个基本的实现，你可以根据你的需要进行更改和美化。