Question

我向下滑动并在点击时显示隐藏的div。

<style>
    hide { display: hidden;}
    content {  background-color: black; }
</style>

<div class="content, hide">

<script>
    $(.content).slideDown();<br>
    $(.content).removeClass("hidden");
</script>

除了设置背景颜色外，一切都有效。我尝试使用jQuery .css()设置背景颜色，但它不起作用。当我删除hide类时，它可以工作。

Answer 1

所以有几点：

从类名<div class="content hide">...</div>
CSS类应以句号/句号（。）
开头
.hide { display: hidden; }
.content { background-color: black; }
display: hidden是正确的，您在隐藏课程中的display:none之后。或者，您正在寻找visibility:hidden。
jQuery选择器应包含引号$('.content')
您要删除的课程应该隐藏不隐藏$('.content').removeClass("hide");
从技术上讲，您无需删除.hide课程，因为slideDown()会添加display:block覆盖。
在您的脚本中，您似乎有一个随机<br>，这会导致语法错误。

＆＃13;

$(function () {
  $('.content').slideDown();
});

＆＃13;

.hide { display: none; }
.content {
  background-color: black;
  height: 100px;
}
.content h1 { color: white; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="content hide">
  <h1>My Content</h1>
</div>

＆＃13;

Answer 2

从div

的comma属性中删除class

<div class="content, hide" to <div class="content hide"

像这样制作css：

.hide { display: hidden; }
.content {  background-color: black; }

像这样制作jquery：

$('.content').slideDown();
$('.content').removeClass("hide");

Answer 3

更新您的代码：＆＃34;从html类中删除并添加。到css中的类，并添加＆＃39;＆＃39;到了jquery＆＃34;

<强> HTML

<div class="content hide">

<强> CSS

.hide { display: hidden; }
.content { background-color: black; }

<强>脚本

$('.content').slideDown();
$('.content').removeClass("hide");

Answer 4

您好请查看以下代码

<style>
.hide { display: none; }
.content {  background-color: black; }
</style>
<div class="content hide">
<p>sdaaaaaaaaaaaaaaaaa</p>
</div>
<input type="button" id="clickme" value="clickme">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script>


$("#clickme").click(function() {
$(".content").slideDown();
$(".content").removeClass("hide");

});
</script>

Answer 5

<div id="scroll_Div" class="content hide">

.hide { display: hidden; }
.content {  background-color: black; }

<script>
    $(document).click(function(){
      $("#scroll_Div").removeClass("hidden");
    });

隐藏div时如何设置背景颜色

5 个答案: