Div不会在点击时切换

Question

我有两个div，我要点击的是“InterestsHeader”。我要切换的是“兴趣”

这段代码似乎不起作用，我确信它与我的div - InterestsHeader有关，但无法发现任何东西。

$(".InterestsHeader").click(function() {
  $(".Interests").toggle("fast");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="InterestsHeader">
  <headerdivtext>&#9660; Personal Information</headerdivtext>
</div>

<div class="Interests">
  <b>Test header</b>
  <br />
  <p>
    test div stuff
  </p>
  <table>
    <tr>
      <td>
        test
      </td>
      <td>
        test
      </td>
      <td>
        test
      </td>
      <td>
        test
      </td>
    </tr>
    <tr>
      <td>
        test
      </td>
      <td>
        test
      </td>
      <td>
        test
      </td>
      <td>
        test
      </td>
    </tr>
  </table>
</div>

Answer 1

你的html中没有类.Interests的任何元素。

HTML：

<div class="InterestsHeader">
    <headerdivtext>&#9660; Personal Information</headerdivtext>
</div>
<div class="Interests"></div>

JQUERY：

$(".InterestsHeader").click(function () {
    $(".Interests").toggle("fast");
});