javascript - 尝试使用显示/隐藏慢慢淡入/淡出一段

Question

我正在尝试在按下按钮时显示/隐藏段落。 还要看起来像缓慢的上下运动。

这就是 HTML 的样子，例如:

<button class="hideA">Hide</button>
<button class="showA">show</button>
<p id>Helloooooooooooooooooooooo.</p>

这就是 Jquery 代码的样子:

$(".hideA").click(function(){
    $(".hideA p").hide(function(){
    });
});
$(".showA").click(function(){
    $(".hideA p").show(function(){
    });
});

但是这段代码由于某种原因没有运行。如果可以，请告诉我原因!

Answer 1

首先，您需要删除 $(".hideA p") 并使用 $("p") 否则您将隐藏 Button!

此外，您还可以通过向其添加 id 来指定段落:

<p id="paragraph">Helloooooooooooooooooooooo.</p>

然后试试下面的代码来运行它:

$(document).ready(function(){
    $(".hideA").click(function(){
        $("#paragraph").hide("slow");
    });
    $(".showA").click(function(){
        $("#paragraph").show("slow");
    });
});