JQuery條款和條件加密狗

Question

我想編寫一些JQuery，這樣當我點擊標題'條款&條件'時，實際的詞條本身從標題下方彈出或者只是透露。

如果再次單擊標題，則隱藏條款。

任何人都知道如何做到這一點？

Answer 1

您需要一點jQuery，以及一些CSS。

CSS：

#terms 
{ 
    display: none; /*necessary*/ 
/* otherstyles*/ 
} 

的jQuery：

$("#header").click(function(){ 
    $("#terms").toggle(); 
}); 

當您單擊標題這應該現在顯示方面的元素。

Working example here。

Answer 2

你必須在頁面的絕對位置上有你的條款。並將它們CSS放在您的標題下方。

CSS是這樣的：

#termsdiv { 
    display: none; /* Wil be shown by jQuery */ 
    position : absolute; 
    width: 800px; 
    height: 600px; 
    overflow: auto; 
    top: 100px; 
    left: 50%; /* CENTER the DIV */ 
    margin: 0 0 0 -400px; /* CENTER the DIV */ 
} 

你的JavaScript看起來像：

$("#header").click(function(){ 
    $("#termsdiv").toggle(); /* or use .fadeToggle() to use fades */ 
}); 

如果你想這樣做很容易，沒有做太多到自己。嘗試http://www.fancybox.net

Answer 3

Soemthing沿着這些線路應爲你工作：

$("#header").click(function() { 
    $("#terms").toggle(); 
}); 

CSS

#terms { display: none; } 

Answer 4

這人會做一個漸變效果。

var isDisplay = false; 
$('#T_&_C').bind('click', function() { 
    if(isDisplay = false) 
    { 
    $('#id_content_div').fadeIn('slow'); 
    isDisplay = true; 
    } 
    else 
    { 
    $('#id_content_div').fadeOut('slow'); 
    isDisplay = false; 
    } 
});