关于如何只触发当前元素？

[mixi123456]

想要实现的效果是鼠标悬浮在当前元素时，只有当前元素触发。
这段代码的问题是只有当第一次悬浮时是只触发了当前元素，而再次悬浮时，就连之前触发过的元素也触发了，请问各位这是为什么呢？

function hider(obj) {
	jQuery("div.comment-item").mouseover(function() {
	$(obj).find(".op-lnks").css("visibility","visible");
	}); 
	jQuery("div.comment-item").mouseout(function() {
	$(obj).find(".op-lnks").css("visibility","hidden");
	}); 
}

<div class="comment-item" onmouseover="hider(this);">
	<div>user1</div>
	    <div style="visibility：hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>
<div class="comment-item" onmouseover="hider(this);">
	<div>user2</div>
	    <div style="visibility：hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>
<div class="comment-item" onmouseover="hider(this);">
	<div>user3</div>
	    <div style="visibility：hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>

[mixi123456]

您好！感谢您回复了我的帖子。不过我想问您为什么我那样写是错的？

[天际的海浪]

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
$(function(){
	jQuery("div.comment-item").mouseover(function() {
		$(this).find(".op-lnks").css("visibility","visible");
	}).mouseout(function() {
		$(this).find(".op-lnks").css("visibility","hidden");
	}); 
});
</script>

<div class="comment-item">
	<div>user1</div>
	    <div style="visibility: hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>
<div class="comment-item">
	<div>user2</div>
	    <div style="visibility: hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>
<div class="comment-item">
	<div>user3</div>
	    <div style="visibility: hidden" class="op-lnks">
	        <a href="">回应</a>
	    </div> 
	</div>
</div>

[天际的海浪]

你不能在事件函数里又再定义事件，那样每次事件触发都会多出个事件函数，事件触发一次多一个!

[jsonbor]