监听也行，假设这个div的id是test，先获取$("#test").is("hidden")返回值，记录下来，然后写一个函数，不停地判断$("#test").is("hidden")是不是跟记录下来的那个不一样，是的话就执行某个操作，然后更新记录
JQ为CSS添加样式，可以使用jQuery CSS 操作 的css() 方法
定义和用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
$(selector).css(name,value)实例
/*将所有段落的颜色设为红色：*/$("p").css("color","red")
设置多个 CSS 属性/值对
$(selector).css({property:value, property:value, ...})把“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
实例
实例$("p").css({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
})
也可以通过Jquery 属性操作的removeClass、addClass方法移除元素类名或者添加元素类名的方式达到修改元素样式的效果。详细内容可以百度“jQuery 参考手册 - 属性操作”
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>手写html</title>
<script type="text/javascript" src="jquery-1.7.js"></script><!--换成自己的Jquery引用-->
<!-- 写javascript -->
<script type="text/javascript">
$(function(){
$("#1").mouseenter(function(){$(this).css("background","red")})//鼠标在按钮上,设置red
$("#1").mousedown(function(){$(this).css("background","yellow")}).mouseup(function(){$(this).css("background","black")})//mousedown数遍按下时 设置为yellow，mouseup点击后变black
})
</script>
</head>
<body>
<input type="button" value="点击" id="1"/>
</body>
</html>
不太懂你的意思，你看看是这个效果吗？ 颜色随便设置的
我的JQuery是1.7的，你把1.7JS的引用换成你自己的就可以了
这些点击事件之类的东西你可以百度一下JQueryAPI，里面基本上事件的方法都有，而且很详细。
