我用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是显示的。但是鼠标经过之后就隐藏了呢？求高人解答

补充：是首页刚一打开的时候。是显示的。但是鼠标经过之后就隐藏了。我要求是首页一直显示不隐藏。

追问：可是这个.category_ul是写在一个公共页里面的。所有的页面都调用这个公共页。没法在其他页里写成display:none啊。。隐藏和显示就能写一个。怎么办？兄弟，你这么写不对啊。。我本来写的在IE8下还好用。安你这么写了ie8也不好用了。兄弟。不行啊。。。还是和以前的一样。首页默认是显示的。鼠标移走后就隐藏掉了。不能写display: none;啊。我是所有的页面都调用这个DIV只有首页是一直显示的。别的页面都要默认隐藏！现在是别的页面都好用。就是首页不是一直显示。只是默认显示。当你鼠标经过这个DIV的时候那就隐藏掉了。

答案：这个好办呀，你在首页里面加一个<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拉

其他：首页只要这个：
$(document).ready(function(){
    $(".category_ul").show();
}); 把需要默认隐藏的DIV先加上 display: none; 属性。 

比如：
.hideDiv {
display: none;
}

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

上一个：HTML代码中DIV上下有缝隙,是什么原因
下一个：pascal div x是个3位数 为什么说 x div 100是个3位数 ？ x div 10 mod 10 是个2位数？