CSS类仅隔行生效问题咨询（任务管理系统开发含JS切换代码）

Hey there! Let's work through the issues with your toggle function first—this is probably where you're hitting snags with your task management module.

先修复你的NewShowHideDiv函数 #

你的代码里有个没必要且容易出问题的操作：eval(x)。你已经通过document.getElementById(id)拿到了真实的DOM元素x，直接把它传入jQuery的$()就可以了，完全不需要用eval（这玩意儿会把内容当作代码执行，在这里只会引发错误）。

修正后的函数应该是这样的：

function NewShowHideDiv(id, disabled) {
  // 如果disabled为true，直接阻止切换
  if (disabled) return null;
  
  var x = document.getElementById(id);
  $(x).slideToggle("slow", function() {
    // 这里可以加切换完成后的回调逻辑，比如更新展开/收起图标的状态
  });
  return null;
}

关于处理展开图标的独立函数 #

虽然你没贴出完整的Show...函数代码，但结合任务行是从数据库动态加载的场景，给你几个实用建议：

• 用事件委托处理动态元素：如果任务行是异步加载的，别直接给每个图标绑定click事件，绑定到父容器上更靠谱：

  // 假设.task-container是所有任务行的父容器，.expand-icon是展开图标类名
  $('.task-container').on('click', '.expand-icon', function() {
    // 从图标的data属性里取对应要切换的div的id
    var targetDivId = $(this).data('target-id');
    NewShowHideDiv(targetDivId, false);
    // 切换图标样式，比如从"+"变成"-"
    $(this).toggleClass('icon-expand icon-collapse');
  });
  

• 保持状态同步：在slideToggle的回调函数里更新图标状态，确保展开/收起时图标能对应变化，避免视觉上的不一致。
• 简化冗余逻辑：如果可以的话，把图标点击和显示/隐藏逻辑整合到一起，减少独立函数的数量，让代码更易维护。

如果你遇到了具体的报错（比如控制台提示找不到元素、切换没反应），可以把错误信息贴出来，这样能更精准地解决问题！

内容的提问来源于stack exchange，提问作者Jason Cox