使用jQuery显示div

Question

我有一个隐藏的div,并以这种方式声明:

<div id="divLogin" style="visibility:hidden;">

我的想法是使用jquery让它滑入

所以我创建了这段代码:

$("btEnviarAcesso").click(function ()
{
    $("divLogin").slideToggle("slow");
});

但它不起作用......有人有任何想法为什么？

Answer 1

您正在使用visibility:hidden隐藏div但jQuery show函数无法调整visibility.我建议这样做:

<div id="divLogin" style="display: none">

然后将您的代码更改为:

$("#btEnviarAcesso").click(function () {
    $("#divLogin").slideToggle("slow");
});

这假设具有ID的元素btEnviarAcesso可以接受click事件.

编辑:确保您将该代码放在一个document.ready函数中:

$(document).ready(function(){ // Or $(function(){ ...
    $("#btEnviarAcesso").click(function () {
        $("#divLogin").slideToggle("slow");
    });
});

您可以在此演示中看到此解决方案.

编辑2

替换这个:

<script src="jquery-1.3.2.min.js"/>
<script language="javascript">

有了这个:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">