JQuery的切换

Question

我得到了下面的HTML回来了，我想在项目应用一个简单的切换（的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

当页面加载下面的CSS将类ITEMSUB设置为display:none

.ITEMSUB 
     { 
      display:none; 
     } 

你可以切换使用下面的jquery

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

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

Answer 2

应该足够使用jQuery

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

Answer 3

是简单的，我认为这是你问的：

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