C# 页面加载时隐藏div标记

我在我的项目中有一些div，它使用java脚本完成了一些鼠标动画。 现在我的问题是在页面加载时，我需要隐藏所有的div并只显示div的标题，在鼠标移到这个标题上时，我应该能够在所有动画完成后使div可见

下面是我的代码：

<div id='Qhse' class="item user">
    <h2>qhse</h2>   
    <div id='qhse' class="qhse" runat="server" > 
    </div>
</div>

<div id='Policies' class="item home">
    <a href="#" class="icon"> </a>
    <h2>policies</h2>
    <div id='policies' class="policies" runat="server" > 
    </div>
</div>

JS

#qhse{
      padding-top: 0.3em;
      padding-bottom:0.3em;
      background-color: #2C6D2C;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align:middle; 

}

#policies{
      padding-top: 0.3em;
      padding-bottom:0.3em;
      background-color: #2C6D2C;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align:middle; 

}

$(function () {

    $('#nav > div').hover(function () {
        visibility: visible;
        var field = $('#<%= hdnSelected.ClientID %>');
        field.val(this.id);
        var $this = $(this);
        $this.find('div').stop().animate({
            'width': '100%',
            'height': '100%',
            'top': '-25px',
            'left': '-25px',
            'opacity': '1.0'

        }, 500, 'easeOutBack', function () {
        $(this).parent().find('ul').fadeIn(700);
    });

    $this.find('a:first,h2').addClass('active');
},
function () {

    var $this = $(this);
    $this.find('ul').fadeOut(500);
    $this.find('div').stop().animate({
        'width': '52px',
        'height': '52px',
        'top': '0px',
        'left': '0px',
        'opacity': '0.1',
        'visible': 'false'
    }, 5000, 'easeOutBack');

    $this.find('a:first,h2').removeClass('active');
});
});

$（函数（）{
$（'#nav>div'）。悬停（函数（）{
能见度：可见；
变量字段=$（“#”）；
field.val（this.id）；
var$this=$（this）；
$this.find（'div'）.stop（）.animate({
“宽度”：“100%”，
“高度”：“100%”，
'顶部'：'-25px'，
'左'：'-25px'，
“不透明度”：“1.0”
}，500，“easeOutBack”，功能（）{
$（this.parent（）.find（'ul'）.fadeIn（700）；
});
$this.find（'a:first，h2'）.addClass（'active'）；
},
函数（）{
var$this=$（this）；
$this.find（'ul'）.fadeOut（500）；
$this.find（'div'）.stop（）.animate({
“宽度”：“52px”，
“高度”：“52px”，
“顶部”：“0px”，
“左”：“0px”，
“不透明度”：“0.1”，
“可见”：“假”
}，5000，‘内地’；
$this.find（'a:first，h2'）.removeClass（'active'）；
});
});

首先，我要说几句话：

• HTML中没有

  #nav

• 可见性：可见不是有效的JavaScript
  

• “#”

  看起来您正在使用服务器端语言生成JavaScript。如果你做了，就不要做。如果您不这样做（即，如果它是我以前从未见过的客户端模板引擎），请确保这一行正在做您期望它做的事情

• 确保声明了

  $此

  变量

• 你试过什么

你已经有了你的动画。接下来要做的是显示和隐藏元素。A引导您进入jQuery函数

show（）

；类似地，还有一个

hide（）

函数

如何将这两个函数应用到实际代码中？

这里有一个

已将此添加到文档就绪

$('#policies,#qhse').hide();

并修复了以下小错误

• 能见度：可见

• “可见”：“假”

---

仍然无法确定标签在哪里。隐藏、悬停可以正常工作。

标记中的

#nav

在哪里？发布完整的标记。两个div位于一个主div下，其id为nav1。您的代码有许多错误1<代码>可见性：可见应该是

'visibility'：'visibility'，而您不能直接编写此代码-请使用
.css（）
。2. <代码>'visible'：'false'

不起作用。3.

$this没有
。查找（'ul'）

。请开门见山。我只想在页面加载时隐藏那个div并在鼠标上显示它。这就是我面临的问题。鼠标移到一个分区上时，另一个分区应该被隐藏。@Maes，再次检查，我已经修改了小提琴。