利用規約のJQuery

Question

ヘッダー 'Terms &条件'をクリックすると、実際の用語そのものがヘッダーの下から飛び出すか、または明らかになるように、いくつかのJQueryを書きたいと思います。

ヘッダーをもう一度クリックすると、用語が非表示になります。

誰でもこの方法を知っていますか？

Answer 1

これには、いくつかのCSSの横にjQueryが少し必要です。

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

フェード効果で行います。この1。