Javascript jQuery将我的显示内联块更改为无

我遇到了一个问题，我首先尝试制作一个按钮来隐藏文本，然后隐藏自己，然后显示一个名为“显示”的新按钮

我让它们

hide（）

或

show（）

仅当您双击它们时才显示，因此我还放置了一个

来表示“尝试双击”，仅当您单击一次时才会显示。我把它隐藏起来：真的。 默认情况下，其显示是隐藏的：

display:inline块

我的html：

<button id="hide">hide</button>
<button id="show" hidden="true">show</button>
<p hidden="true">try double click</p>
<h3 class="txtShow">SHOW</h3>
<h3 class="txtShow">SHOW</h3>
<h3 class="txtShow">SHOW</h3>

我的css：

p {
    display: inline-block;
}

问题是：当我点击按钮时，我的

在

块中有它的
显示
，并且它不会在
内联块中返回

你能告诉我哪里出错了吗？我如何更正它呢？
您可以使用
$（'p'）.css（'display'，'inline block'）
使
以内联方式显示

这是你修改过的代码。了解更多关于


$（“#显示，#隐藏”）。单击（函数（）{
$（'p'）.css（'display'，'inlineblock'）；
setTimeout（function（）{$（“p”）.hide（）}，800）；
});
$（“#隐藏”）.dblclick（函数（）{
$（this.hide（）；
$（“.txtShow”）.hide（）；
$（“#show”）.show（）；
});
$（“#show”）.dblclick（函数（）{
$（this.hide（）；
$（“.txtShow”）.show（）；
$（“#隐藏”）.show（）；
});

隐藏
显示

显示
显示
SHOW
我不知道您在这里试图实现什么，但据我所知，您的代码没有您描述的问题，p元素将在
内联块中返回。请检查此代码，因为我用于显示/隐藏元素：

顺便说一句，我建议您使用JSFIDLE或JSBin等在线代码片段服务提问，以便我们能够快速了解您的环境，包括jQuery版本等。
谢谢！我现在有另一个问题（对不起），当我点击按钮时，似乎有比以前更大的填充，我如何使它不会移动？这是因为你使用的是内联块。您可以使用
$（'p'）.css（'display'，'inline'）如果你不想要额外的填充。再次非常感谢你！我应该正确地学习css，而不是问愚蠢的问题。谢谢你的回答，我也不知道为什么我的p元素没有返回到
内联块
，但是有人给了我一个css的替代方案，它可以工作，所以我就用它。谢谢你的建议，从现在起，我会小心地把片段放进去。
p {
    display: inline-block;
}