Question

我在jQuery中有一个按钮：它的目的是在用户激活时显示和隐藏一小段文本。以下是完整的网站：https://gist.github.com/1616366

这是jQuery代码：

    $(document).ready(function()
    {
        $("p#derp").hide();
        $("button").click(function(){
            $("p#derp").slideDown("medium");
                $("button").click(function() {
                    $("p#derp").hide();
                    });
        });
    });

它工作，是的，但你必须等待大约3秒才能再次按下并激活它。我尝试制作另一个$ document.ready（function（）}）;绕过button.click函数并隐藏，但它似乎没有解决问题。

Answer 1

使用类似于以下的内容：

$("button").click(function() {
    if($("p#derp").is(":visible")) {
        $("p#derp").stop(0, 0).hide();
    } else {
        $("p#derp").stop(0, 0).show();
    }
});

请注意，我不记得你必须在stop函数中添加什么内容，但快速的Google应该告诉你在大多数情况下应该使用什么。

Answer 2

隐藏此段落（style="displan: none;"）：

<p id='derp' style="displan: none;"> In this homework assignment, we had to make this website and compare two programs in different language to see the key differences between ActionScript and Java</p>

...并将您的JavaScript更改为：

$(document).ready(function() {
    $("button").click(function() {
        $('p#derp').slideToggle(500);
    });
});

jQuery中没有响应的按钮;需要很长时间才能响应并重新加载

2 个答案: