Сделайте, чтобы div появился с jQuery

Question

У меня есть div, который скрыт и объявляется так:

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

Моя идея состоит в том, чтобы использовать jquery, чтобы сделать его скользящим в

поэтому я создал этот код:

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

но это не работает ... У кого-нибудь есть идеи почему ??

Answer 1

Вы используете visibility:hidden, чтобы скрыть div, но функции шоу jQuery не настраивают visibility. Я бы предложил сделать это:

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

А затем измените свой код на:

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

Предполагается, что элемент с идентификатором 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">

Answer 2

Вам нужен знак фунта (#), чтобы идентифицировать вещи по их атрибуту id, который использует селектор идентификатора . Попробуйте вместо этого:

$("#btEnviarAcesso")...

и

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

Кроме того, функции jQuery для показа / скрытия не влияют на атрибут visibility. Вместо этого используйте "display: none" для стиля вашего элемента.

Answer 3

Ваш селектор не годится, btEnviarAcesso не элемент. Вероятно, оно должно быть #btEnviarAcesso, если это id или .btEnviarAcesso, если это класс.

Answer 4

если вы используете ID в своем html, используйте # в имени запроса:

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