jquery - JQuery 切换类名

Question

我得到以下 HTML 返回，我想在 ITEM（onclick）上应用一个简单的切换，我们显示标记为 ITEMSUB 的子元素

  <dl id="someID">
    <dt>Label</dt>
    <dd class="ITEM"> ITEM </dd>
    <dd class="ITEMSUB"> ITEMSUB 1 </dd>
    <dd class="ITEMSUB"> ITEMSUB 2 </dd>
    <dd class="ITEMSUB"> ITEMSUB 3 </dd>
    <dd class="ITEMSUB"> ITEMSUB 4 </dd>
  </dl>

我知道有一个简单的列表会很容易，但是我无法修改返回的 HTML，在此先感谢您的帮助。

Answer 1

我想这就是你要的：

$(".ITEM").click(function() {
    $(this).siblings(".ITEMSUB").toggle();
});

Answer 2

使用 jQuery 应该足够简单

$(".ITEM").click(function() {
    $(".ITEMSUB").toggle(); 
});

Answer 3

当页面加载时，下面的 css 会将类设置ITEMSUB为display:none

    .ITEMSUB
        {
             display:none;
         }

您可以使用下面的 jquery 进行切换

       $(".ITEM").click(function() {
              $(".ITEMSUB").toggle();
              });

如果你想要平滑过渡，你可以使用slideToggle()