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()

JQuery在类名上切换

3 个答案: