Цифра 11
может подсказывать что таких блоков может быть несколько, но более ничего и в данном коде она ни о чем не говорит.
service11a и service11b всего лишь IDшники.
Отсюда вопрос, как в эту конструкцию забросить ID конкретного блока, чтобы эффект применялся только к нему.
просто вписать его и все и действия будут применяться к этому блоку.
$(function() {
$('#BLOCK_ID').hover(
function(){
document.getElementById("BLOCK_ID").style.display="block";
$('#BLOCK_ID').animate({height:350});
},
function(){
$('#BLOCK_ID').animate({height:100});
document.getElementById("BLOCK_ID").style.display="none";
});
});
но если вы пишете на JQuery, почему бы все не писать на JQuery или наоборот все на нативном JS?
см.
API JQuery$(function() {
$('#BLOCK_ID').hover(
function(){
$("#BLOCK_ID").css("display", "block");
$('#BLOCK_ID').animate({height:350});
},
function(){
$('#BLOCK_ID').animate({height:100});
$("#BLOCK_ID").css("display", "none");
});
});
