javascript - 如何做一个隐藏的html用javascript函数可见吗？

Question

我正在尝试通过运行 JavaScript 函数来使隐藏的HTML可见。 <div>

这是div我想通过 JavaScript 函数看到的隐藏：

<div id="Signup" class="modal hide fade LoginSignup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true"> 
    Some content* 
</div>

现在我正在使用这个按钮来显示隐藏的div内容：

<li>
    <a href="#Signup" role="button" data-toggle="modal" class="btn btn-success">Sign Up</a>
</li>

这是最好的方法吗？还是获得可设计的弹出窗口的另一种方法？

Answer 1

你也可以试试 jQuery toggle

http://api.jquery.com/toggle/

Answer 2

CSS来控制它：

#Signup{
  display:none;
  position: absolute;
  visibility: hidden;/*IE*/
  display: none;
}

或者

#Signup{
  position:absolute;
  left:-1000px;/*top:-1000px;*/

}

使用 JavaScript 更改值。

Answer 3

这是我为 JQuery 做的事情

隐藏

$("#hidden_content").hide("fast");

显示

("#default").show("fast");

然后，如果我希望它从一开始就被隐藏，我使用 CSS 如下

#hidden_content
{
    display:none;
}