Question

我用jquery写个DIV的隐藏于显示。

在首页的时候需 要这个div老是显示不隐藏。而别的内容页要默认隐藏获取焦点的时候在显示，失去焦点的时候在隐藏。
代码是

$(".category_ul").hide();
$(".category").hover(function(){
$(this).addClass("head_hover");
$(".category_ul").show();
},function(){
$(this).removeClass("head_hover");
$(".category_ul").hide();
})

$(".category_ul li").hover(function(){
$(this).addClass("now");
},function(){
$(this).removeClass("now");
})

首页的jquery是
$(document).ready(function(){
$(".category_ul").show();
$(".category").hover(function(){
$(this).addClass("head_hover");
},function(){
$(this).removeClass("head_hover");
$(".category_ul").show();
});
})
为什么在ie6和ie7下当页面刚打开这个DIV是显示的。但是鼠标经过之后就隐藏了呢？求高人解答
是首页刚一打开的时候。是显示的。但是鼠标经过之后就隐藏了。我要求是首页一直显示不隐藏。

Answer 1

这个好办呀，你在首页里面加一个<div class="test" style="display:none">123</div>
这样就是让首页和其他页面独立出来，方法挺笨的~~
然后在鼠标离开的时候加上这个。

$(".category").hover(function(){
$(this).addClass("head_hover");
$(".category_ul").show();
},function(){
$(this).removeClass("head_hover");
$(".category_ul").hide();
var test = $(".test").text();
if(test=="123"){
$(".category_ul").show();
}else{
$(".category_ul").hide();
}
})

$(".category_ul").hide(); 这句和首页的jq代码都可以去掉。整个站通用我给的这段就可以了。但是你在首页的时候，.category_ul要设置成display:block，其他页面设置成display:none就OK拉

追问

可是这个.category_ul是写在一个公共页里面的。所有的页面都调用这个公共页。没法在其他页里写成display:none啊。。隐藏和显示就能写一个。怎么办？

Answer 2

首页只要这个：
$(document).ready(function(){
$(".category_ul").show();
});

追问

兄弟，你这么写不对啊。。我本来写的在IE8下还好用。安你这么写了ie8也不好用了。

追答

jQuery(function($) {
//$("#div3").hide(); //这里控制默认是否显示，首页时启用即可
$("#btn1").click(function(){
$("#div3").hide();
});
$("#btn2").click(function(){
$("#div3").show();
});
});

测试层

追问

兄弟。不行啊。。。还是和以前的一样。首页默认是显示的。鼠标移走后就隐藏掉了。

追答

你这样问得没头没脑的，没人知道原因在哪

Answer 3

把需要默认隐藏的DIV先加上 display: none; 属性。

比如：
.hideDiv {
display: none;
}

<div>123</div>
<div class="hideDiv">456</div>
<div class="hideDiv">789</div>
<div class="hideDiv">abc</div>

追问

不能写display: none;啊。我是所有的页面都调用这个DIV只有首页是一直显示的。别的页面都要默认隐藏！现在是别的页面都好用。就是首页不是一直显示。只是默认显示。当你鼠标经过这个DIV的时候那就隐藏掉了。