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