Question

我想在使用Toggle时将隐藏div设为默认值，我做了一些研究，无法找到符合我条件的好答案。正如您在下面的代码中看到的那样，默认显示<p>标记，我想隐藏它。我使用display:none;但它没有用。有没有办法在jQuery中设置默认隐藏？

＆＃13;

$( "button" ).click(function() {
  $( "p" ).slideToggle( "slow" );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<button>Toggle</button>
<p>
  This is the paragraph to end all paragraphs.  You
  should feel <em>lucky</em> to have seen such a paragraph in
  your life.  Congratulations!
</p>

＆＃13;

Answer 1

您可以为p添加display: none。因为脚本会在单击按钮

后覆盖显示属性

p{display: none;}

Answer 2

您需要将P代码上的样式应用于display:none，以便在加载时不显示。

<p style="display:none">

<强> Demo

Answer 3

在文件中。已经有了这个：

$('p').hide();

这将在页面加载时隐藏段落，直到单击切换按钮才会看到。

将隐藏切换设置为默认值

3 个答案: