jQuery的顯示特定的div

Question

我有以下方式

Total Sales: 12345   Show Details     

當有人點擊「顯示詳細信息」（這是<一個>標籤），另一個DIV應顯示顯示的內容其中將包含其他數據（並顯示細節應切換到隱藏細節，顛倒功能來隱藏div）

需要使用jQuery，使用一些動畫（如果可能）。

我怎樣才能做到這一點

幫助表示讚賞

感謝

Answer 1

對於本示例鏈接'showDetails'和div'divDetails'的id。

$('#showDetails').click(function(){ 
    if ($('#divDetails').is(":visible"){ 
     $('#divDetails').hide(250); 
    } else { 
     $('#divDetails').show(250); 
    } 
}); 

jQuery有一定的影響，包括節目（），隱藏（），淡入（），淡出（），效果基本show（），了slideDown（）等。有關更多示例，請參見here。函數中的數量是以毫秒爲單位完成所需的時間長度。您也可以指定一個單詞，而不是毫秒「慢」和「快」。

其他需要注意的效果是切換它的切換按鈕，因此您不必知道它當前是什麼。

$('#showDetails').click(function(){ 
    $('#divDetails').fadeToggle(250); 
}); 

Answer 2

讓我們假設你的節目細節標籤ID爲「ABC」和細節div有ID爲「divDetail」即顯示：無 這樣的代碼將如下

$（ 「＃ABC」）點擊（函數（這個）{ this.text = 「隱藏詳細信息」。 $（ 「＃divDetail」）切換（）; }）;

Answer 3

$('a.showdetails').toogle(function(){ 
    $('.your-div').show(); 
}, 
function(){ 
    $('.yourdiv').hide(); 
}); 

Answer 4

那麼首先你需要一個div持有的細節初始設置文件準備好：

$(document).ready(function() { 
     $('#myDetails').hide(); 
    }); 

然後到錨

<a href="#" onclick="$('#myDetails').toggle();">Show Details</a> 

你可以改用動畫（）：

fadeIn('slow'); or fadeOut('slow'); 
slideUp('normal'); slideDown('fast'); 

編輯：動畫使用代碼Timothy建議，使用.is（'：visible'）