Question

我想写一些JQuery，这样当我点击标题'Terms＆amp;条件'实际条款本身从标题下方弹出或只是显示。

如果再次点击标题，则隐藏条款。

有人知道怎么做吗？

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

Answer 2

沿着这些方向的东西应该适合你：

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

CSS

#terms { display: none; }

Answer 3

这个会产生淡化效果。

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;
  }
});

Answer 4

你需要一些jQuery以及一些CSS。

CSS：

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

jQuery：

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

现在应该在单击标题时显示术语元素。

Working example here

JQuery for Terms＆amp;条件加密狗

4 个答案: