Как передать id?

Question

[skyfly2010]

Как передать ID? Прошу помочь в ликвидации безграмотности.
Есть следующий код (благополучно взятый из интернета):

$(function() {
	$('#service11').hover(
    function(){
        document.getElementById("service11a").style.display="none";
		document.getElementById("service11b").style.display="block";
		$('#service11b').animate({height:350});
	},
    function(){    		
           $('#service11b').animate({height:100});
           document.getElementById("service11a").style.display="block";
           document.getElementById("service11b").style.display="none";
	});
});

Данный код позволяет плавно изменить высоту блока b и скрыть/показать блок а. Цифра 11 подсказывает, что таких блоков некоторое количество. Отсюда вопрос, как в эту конструкцию забросить ID конкретного блока, чтобы эффект применялся только к нему. Я пробовал через onmouseover="script(id)", но там получается какая-то непонятная каша, при которой блок попадает в цикл. Т.е. он бесконечно открывается и закрывается.
Заранее большое спасибо.

Comments

[origami1024]

А почему onmouseover, где в твоем коде onmouseover?
Да и еще функция script, тоже левая какая-то

[origami1024]

Когда в твоем коде вызывается $('#service11').hover()..., то эта строчка вешает обработчик события hover для блока с id service11. То есть обработчик вешается один раз, но он будет срабатывать каждый раз, когда событие происходит.
Ты по видимому делаешь при каждом событии mouseover дополнительный обработчик hover и поэтому такая лажа

[skyfly2010]

origami1024, onmouseover не стал писать сюда, т.к. он не несет смысловой нагрузки. Там понятно, что происходит. У меня N блоков с service+цифра. Следовательно, мне надо либо дублировать код N раз, что есть плохо, либо забросить в этот код номер элемента (в данном случае 11). В целом, меня устраивает связка onmouseout, onmouseover, но в этом случае не могу заставить работать анимацию.

[skyfly2010]

origami1024, в общем, извиняюсь. Проблема в том, что кто-то слишком тупой. И этот кто-то я. Все. Задача решена.

Answer 1

[skyfly2010]

В общем, извиняюсь перед всеми. Сори, за отнятое время. Я тупанул. Решается все просто очень:

onmouseover="show(11);"


function show(id){
$("#service"+id+"a").css("display", "none");
$("#service"+id+"b").css("display", "block");
$("#service"+id+"b").animate({ "height": 350 }, 500 );
}

Answer 2

[Сергей c0re]

Цифра 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");
    });
});

Comments

[skyfly2010]

смысл в том, что надо передать сюда цифру, 1, 2, ... 11... 125. Т.е. в service11b (и всех прочих) цифра должна меняться.
В текущем варианте, получится, что мне надо создать 125 одинаковых кусков кода.

[skyfly2010]

Все задача решена.

[Сергей c0re]

skyfly2010, ну вы же об этом не говорили! )
вопрос корректно формулируйте.

так это имеет отношение к вашему коду?

document.getElementById("service11a").style.display="none";
    document.getElementById("service11b").style.display="block";
    $('#service11b').animate({height:350});

т.е. при наведении на блок service11 блок service11a должен скрываться, а service11b должен появляться?