h1 {  text-align: center;  font-family: Arial, Helvetica, sans-serif;  font-size: 20px;  color: white;}h2 {  text-align: center;  font-family: Arial, Helvetica, sans-serif;  font-size: 16px;  font-weight: bold;  color: white;}h3 {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;  font-weight: bold;  color: white; /* 初始颜色为白色 */}/* Materialize下拉菜单和折叠面板的自定义样式 */.dropdown-content li span,.select-wrapper input.select-dropdown {  background-color: #536dfe;  color: #ffc700;}.select-wrapper .caret {  fill: #536dfe;}.collapsible,.collapsible-header,.collapsible-body {  border: none !important; /* 移除边框 */}

// Materialize 组件初始化$(document).ready(function() {  $('.collapsible').collapsible(); // 初始化折叠面板  $('select').formSelect();       // 初始化下拉菜单});// 获取第一个下拉菜单元素var sel = document.getElementById('question1');// 为下拉菜单添加 'change' 事件监听器if (sel) { // 确保元素存在  sel.addEventListener("change", colormebadd);}/** * 根据下拉菜单的选择值改变折叠面板标题颜色。 * 注意：此函数会改变页面上所有h3元素的颜色。 * 如需只改变特定折叠面板的h3颜色，需要更精确的选择器。 */function colormebadd() {  if (sel.value === '1') {    // 当选择值为 '1' 时，将所有h3元素的文本颜色改为红色    $('h3').css('color', 'red');  } else {    // 可以添加else分支来恢复默认颜色或设置为其他颜色    $('h3').css('color', 'white'); // 恢复为初始白色  }}

function colormebadd() {    var selectedValue = $(this).val(); // 获取当前下拉菜单的值    var targetH3 = $(this).closest('.collapsible-body') // 找到最近的.collapsible-body                          .siblings('.collapsible-header') // 找到同级的.collapsible-header                          .find('h3'); // 在其中找到h3    if (selectedValue === '1') {        targetH3.css('color', 'red');    } else {        targetH3.css('color', 'white'); // 恢复默认    }}// 事件监听器需要绑定到每个select上，或者使用事件委托$('select').on("change", colormebadd);

function colormebadd() {    var selectedValue = $(this).val();    var colorMap = {        '1': 'red',        '2': 'green',        // ... 更多选项    };    var targetColor = colorMap[selectedValue] || 'white'; // 默认为白色    $(this).closest('.collapsible-body').siblings('.collapsible-header').find('h3').css('color', targetColor);}