jQuery .hover のツールチップ関数化

hover_tip

// こんなHTMLファイルがあって、imgのhoverで div.cnt を表示したい
/*
<div class="wrap">
	<img class="ico" src="" />
	<div class="cnt">
          //表示したい項目
	</div>
</div>
*/


j$(document).ready(function(){
/*
        これだと出来る
	j$(".ico").hover( 
		function() {
			j$(this).siblings(".cnt").animate({opacity: 1}, 300);
		},
		function() {
			j$(this).siblings(".cnt").animate({opacity: 0}, 300);
		}
	)
*/


//      こんな感じで関数化

//      パターン1
	var open = function(cls) {
		j$(cls).animate({opacity: 1}, 300);
	};
	var close = function(cls) {
		j$(cls).animate({opacity: 0}, 300);
	};

	j$(".ico").hover(function() {
		var cnt = j$(this).siblings('.cnt');
		open(cnt);
	}, function() {
		var cnt = j$(this).siblings('.cnt');
		close(cnt);
	})

});