Показать сообщение отдельно
  #1 (permalink)  
Старый 14.05.2012, 11:27
Аспирант
Отправить личное сообщение для SunTechnique Посмотреть профиль Найти все сообщения от SunTechnique
 
Регистрация: 29.08.2011
Сообщений: 30

Оптимизация кода
я в jQuery и JavaScript новичок и у меня такой вопрос - как уменьшить(оптимизировать) нижеприведенный код:

<script type="text/javascript" language="javascript">
		$(document).ready(function(){
			/******************************************************************/
			/******************************************************************/
			$("#uk_btn").mouseenter(function(){
				$("#uk_btn ul").fadeToggle("fast");
				$("#mup_btn ul").hide();
			});
			
			$("#mup_btn").mouseenter(function(){
				$("#mup_btn ul").fadeToggle("fast");
				$("#uk_btn ul").hide();
			});
			/******************************************************************/
			/******************************************************************/
			$(".first_sub_box_btn").mouseenter(function(){
				$(".first_sub_box_btn .first_left_img").attr("src","images/left_tri_02.png");
			});
			
			$(".first_sub_box_btn").mouseleave(function(){
				$(".first_sub_box_btn .first_left_img").attr("src","images/left_tri_01.png");
			});
			
			/******************************************************************/
			
			$(".first_inner_dropdown_btn").mouseenter(function(){
				$(".first_inner_dropdown_btn .first_top_img").attr("src","images/top_tri_02.png");
			});
			
			$(".first_inner_dropdown_btn").mouseleave(function(){
				$(".first_inner_dropdown_btn .first_top_img").attr("src","images/top_tri_01.png");
			});
			
			/******************************************************************/
			/******************************************************************/
			$("#button_menu_02").mouseenter(function(){
				$("#button_menu_02 #top_menu_dropdowm_box_02").fadeToggle("fast");
			});
			
			$("#button_menu_02").mouseleave(function(){
				$("#button_menu_02 ul").hide();
			});
			/******************************************************************/
			
			/******************************************************************/
			$("#button_menu_03").mouseenter(function(){
				$("#button_menu_03 #top_menu_dropdowm_box_03").fadeToggle("fast");
			});
			
			$("#button_menu_03").mouseleave(function(){
				$("#button_menu_03 ul").hide();
			});
			/******************************************************************/
			
			/******************************************************************/
			$("#button_menu_04").mouseenter(function(){
				$("#button_menu_04 #top_menu_dropdowm_box_04").fadeToggle("fast");
			});
			
			$("#button_menu_04").mouseleave(function(){
				$("#button_menu_04 ul").hide();
			});
			/******************************************************************/
			
			/******************************************************************/
			$("#button_menu_05").mouseenter(function(){
				$("#button_menu_05 #top_menu_dropdowm_box_05").fadeToggle("fast");
			});
			
			$("#button_menu_05").mouseleave(function(){
				$("#button_menu_05 ul").hide();
			});
			/******************************************************************/
			
		});
	</script>


работает оно так : код перехватывает события мыши на кнопке и и выполняет определенные действия. кнопок много и я понимаю что можно как-то это дело уменьшить всего до несколько строчек. вместо того что бы писать событие для каждого элемента.
заранее благодарю.
Ответить с цитированием