JQuery 条款和条件加密狗

Question

我想编写一些 JQuery，以便当我单击标题“条款和条件”时，实际条款本身会从标题下方弹出或仅显示。

如果再次单击标题，术语将隐藏。

有人知道怎么做吗？

Answer 1

您必须将条款置于页面的绝对位置。将它们放在标题下方的 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