Как оптимизировать jquery код?

Question

[Антон Поздняков]

Уверен, можно сократить это недоразумение, но вот как - не знаю.

$(document).ready(function(){
	$("#primtext1").hide();
    $("#prim1").mouseenter(function(){
		$("#primtext1").show();
		$("#prim1 img").hide();
		$("#priminfo1").css("color", "#50cb10");
    });
	$('#prim1').mouseleave(function(){
		$("#primtext1").hide();
		$("#prim1 img").show();
		$("#priminfo1").css("color", "#898989");
	});

});		
$(document).ready(function(){
	$("#primtext2").hide();
    $("#prim2").mouseenter(function(){
		$("#primtext2").show();
		$("#prim2 img").hide();
		$("#priminfo2").css("color", "#50cb10");
    });
	$('#prim2').mouseleave(function(){
		$("#primtext2").hide();
		$("#prim2 img").show();
		$("#priminfo2").css("color", "#898989");
	});

});	  
$(document).ready(function(){
	$("#primtext3").hide();
    $("#prim3").mouseenter(function(){
		$("#primtext3").show();
		$("#prim3 img").hide();
		$("#priminfo3").css("color", "#50cb10");
    });
	$('#prim3').mouseleave(function(){
		$("#primtext3").hide();
		$("#prim3 img").show();
		$("#priminfo3").css("color", "#898989");
	});

});
$(document).ready(function(){
	$("#primtext4").hide();
    $("#prim4").mouseenter(function(){
		$("#primtext4").show();
		$("#prim4 img").hide();
		$("#priminfo4").css("color", "#50cb10");
    });
	$('#prim4').mouseleave(function(){
		$("#primtext4").hide();
		$("#prim4 img").show();
		$("#priminfo4").css("color", "#898989");
	});

});
$(document).ready(function(){
	$("#primtext5").hide();
    $("#prim5").mouseenter(function(){
		$("#primtext5").show();
		$("#prim5 img").hide();
		$("#priminfo5").css("color", "#50cb10");
    });
	$('#prim5').mouseleave(function(){
		$("#primtext5").hide();
		$("#prim5 img").show();
		$("#priminfo5").css("color", "#898989");
	});

});
$(document).ready(function(){
	$("#primtext6").hide();
    $("#prim6").mouseenter(function(){
		$("#primtext6").show();
		$("#prim6 img").hide();
		$("#priminfo6").css("color", "#50cb10");
    });
	$('#prim6').mouseleave(function(){
		$("#primtext6").hide();
		$("#prim6 img").show();
		$("#priminfo6").css("color", "#898989");
	});

});      
$(document).ready(function(){
	$("#primtext7").hide();
    $("#prim7").mouseenter(function(){
		$("#primtext7").show();
		$("#prim7 img").hide();
		$("#priminfo7").css("color", "#50cb10");
    });
	$('#prim7').mouseleave(function(){
		$("#primtext7").hide();
		$("#prim7 img").show();
		$("#priminfo7").css("color", "#898989");
	});

});
$(document).ready(function(){
	$("#primtext8").hide();
    $("#prim8").mouseenter(function(){
		$("#primtext8").show();
		$("#prim8 img").hide();
		$("#priminfo8").css("color", "#50cb10");
    });
	$('#prim8').mouseleave(function(){
		$("#primtext8").hide();
		$("#prim8 img").show();
		$("#priminfo8").css("color", "#898989");
	});

});

Comments

[Stalker_RED]

Разметку блока можете выложить?

[Ivanq]

Антон Поздняков: Вы там с моего кода сняли галочку. Что-то не так, помочь?

Answer 1

[Александр Таратин]

$(document).ready(function(){
    for(var i=1;i<=8;i++) {
        var text = $("#primtext"+i),
        	img = $("#prim"+i+" img"),
        	info = $("#priminfo"+i);
        
        text.hide();
        
        $("#prim"+i).hover(
            
        function(text,img,info){
            text.show();
            img.hide();
            info.css({color: "#50cb10"});
        }.bind(null,text,img,info),
            
        function(text,img,info){
            text.hide();
            img.show();
            info.css({color: "#898989"});
        }.bind(null,text,img,info)
        
        );
    }
});

Comments

[Антон Поздняков]

спасибо большое!

[Александр Таратин]

Антон Поздняков: Для ie8- нужен полифилл https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Антон Поздняков]

Александр Таратин: ээто что и как?

[Александр Таратин]

Антон Поздняков: https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 2

[Ivanq]

$(document).ready(function(){
    for(var i=1;i<=8;i++) {
        $("#primtext"+i).hide();
        $("#prim"+i).mouseenter(function(){
            $("#primtext"+i).show();
            $("#prim"+i+" img").hide();
            $("#priminfo"+i).css("color", "#50cb10");
        });
        $("#prim"+i).mouseleave(function(){
            $("#primtext"+i).hide();
            $("#prim"+i+" img").show();
            $("#priminfo"+i).css("color", "#898989");
        });
    }
});

Сори, не проверял.

Comments

[Антон Поздняков]

не работает :)

[Ivanq]

Антон Поздняков: ошибка у вас, значит. изначально