Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Анимация появления, оптимизация (https://javascript.ru/forum/jquery/15922-animaciya-poyavleniya-optimizaciya.html)

AkeLLbl4 19.03.2011 15:16

Анимация появления, оптимизация
 
jQuery(document).ready(function(){
	var w = '#world';
	var r = '#russia';
	var tt = '.tooltip';
	var time = 200;
    jQuery(w).hover(
		function() {
			jQuery(w).children(tt).fadeIn(time);
		},
		function() {
			jQuery(w).children(tt).fadeOut(time);
	});
	jQuery(r).hover(
		function() {
			jQuery(r).children(tt).fadeIn(time);
		},
		function() {
			jQuery(r).children(tt).fadeOut(time);
	});
});


Написал такую штуку, для появления так называемых ToolTip.
Помогите сократить код, вижу что можно, но как незнаю. Мало еще познаний в JS и jQuery.

Matre 19.03.2011 15:52

jQuery(function ($) {
	$("#world, #russia").bind("mouseover mouseout", function (event) {
		$(".tooltip", this)[ {mouseover : "fadeIn", mouseout : "fadeOut"}[event.type] ](200);
	});
});

AkeLLbl4 19.03.2011 16:03

Ох нифига себе как можно было просто все это дело оформить =)

AkeLLbl4 19.03.2011 17:17

Только вот, если после наведения на #world навести на #russia то блок в #world начнет маргать


Часовой пояс GMT +3, время: 00:54.