問題與切換dd

Question

目前我使用dt和dd來顯示一些數據。我在這裏做的是最初將dd設置爲display: none，當點擊dt時，顯示聯繫人dd。

我的HTML標記是

<dt > 
     <h1>click here</h1> 
</dt> 
<dd style="display: none;"> 
     <h1> DD Data </h1> 
</dd> 

<dt > 
     <h1>click here</h1> 
</dt> 
<dd style="display: none;"> 
     <h1> DD Data </h1> 
</dd> 

的jQuery我使用的是

$('dt').live('click', function() { 
var dd = $(this).next(); 

if (!dd.is(':animated')) { 
    dd.slideToggle(); 
    $(this).toggleClass('opened'); 
} 

我想現在要做的就是讓一個dd來一次顯示。如果有一個dd正在顯示，並且如果另一個dt被點擊，我想關閉當前打開的dd並顯示與點擊dt關聯的dd。

任何幫助將欣賞

Answer 1

你可以這樣做：

$('dt').live('click', function() { 
    var nextDD = $(this).next('dd'); 
    $('dd').hide(); 
    nextDD.show(); 


}); 

小提琴這裏：http://jsfiddle.net/ktYgB/

Answer 2

$('dt').live('click', function() { 
    var dl = $(this).closest('dl'); 
    var dd = $(this).next(); 

    if (!dd.is(':animated')) { 
    $('dd', dl).hide(); // hide all dd's first 

    dd.slideToggle(); 
    $(this).toggleClass('opened'); 
    } 
});