Javascript 我的手风琴标签页出错了

我有一个内容，在内容中我想对用户帐户进行一些设置，以便他们可以更改自己的信息

这是我的密码 CSS

HTML

男性
女性
其他
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。

这是我的小提琴

我看到的问题是，当我第一次点击第1部分时，一切都很顺利，但当我切换到第2部分时，奇怪的事情就来了

哦，是的，我只使用了CSS和HTML，我试着让它像jQuery或javascript一样工作（“当你进入section1时，section1会放松，而另一部分会放松。否则当你进入section2时，另一部分会放松，section2会放松”）

我请求帮助：（请

---

对不起我的英语。

哦，一切都是我的错

我忘了合上表格和桌子标签

  </form>
  </table>

有些和标签还没有关闭

哈哈

---

很抱歉打扰你“tab.css”，并添加一些不值得回答的值。在戳了几分钟后，我想当你选择包含的部分时，它会“取消”所有内容，因此让你处于第一步。（但是，嘿，我从来没有使用过转换）打开你做的小提琴，看看HTML面板。你会看到第一个是红色的。这是因为你没有打开tr。修复它，它变为绿色。之后的一些行，a也是红色的……你正在关闭你的表格吗？你正在关闭你的表单吗？@luc tab.css意味着我写的css页面，如果你喜欢，你可以插入小提琴。这是我第一次使用转换，在我买的书上告诉我转换可以像javascript一样轻松。@vals哦，天哪……我的错误……等等，我会检查我的代码并更新这个问题……thx val

<link rel="stylesheet" href="tab.css">
<dl>
<dt><a href="#section1">Account Settings</a></dt>
<dd id="section1">
      <table>
      <form action="" method="post" name="register_form">

      <td><input type="text" name="email" placeholder="E-mail" size="50" /></td>
      </tr>

      <tr>
      <td><input type="text" name="reemail" placeholder="Re-Enter Email" size="50" /></td>
      </tr>

      <tr>
      <td><input type="password" name="password" placeholder="New Password" size="50" /></td>
      </tr>

      <tr>
      <td>
      <input type="text" name="fullname" placeholder="Full Name" size="50" />
      </td>
      </tr>

      <tr>
      <td>
      <input type="text" name="birthday" placeholder="Day Birth YYYY-MM-DD" size="29" />
          <select id="gender" name="gender">
                <option value="Male">Male</option>
                <option value="Female">Female</option>
                <option value="Others">Others</option>                
          </select>
</dd>

<dt><a href="#section2">Privacy Settings</a></dt>
<dd id="section2">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</dd>

<dt><a href="#section3">What Settings</a></dt>
<dd id="section3">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</dd>
</dl>

  </form>
  </table>