Одна функция, на два элемента

[Vanguger]

Здравствуйте, подскажите пожалуйста, как реализовать следующее. Имеется код:

<div id="raskid" class="opclose"></div>

$( '#raskid' ).on( 'click', function( event ) { alert("...тут вместо alert, длинный скрипт выполнения..."); } );

Мне нужно добавить ещё один блок, чтобы одна и та же функция выполнялась при нажатии на любой из блоков:

<div id="raskid" class="opclose"></div>
...
<div id="raskid"></div>

[рони]

Vanguger,
замените

'#raskid'

на ".opclose"

[join]

<div id="raskid" class="opclose"></div>
...
<div id="raskid"></div>

уникальный id лучше только один на странице. два одинаковых - нет.

лучше так: raskid1 , raskid2

[Vanguger]

уникальный id лучше только один на странице. два одинаковых - нет.

лучше так: raskid1 , raskid2

Спасибо за ответ! В этом случае, я так понимаю, будут две функции, с одинаковым телом внутри, это я знаю как сделать. Только тело это длинное, а два одинаковых тела, длиннее в два раза, уже не айс. Хотелось бы по компактнее, обрабатывать, два элемента, одной функцией.

А можно ли raskid1 и raskid2 запихнуть в одну обработку?

[рони]

А можно ли raskid1 и raskid2 запихнуть в одну обработку?

$( '#raskid1, #raskid2' ).

[Vanguger]

$( '#raskid1, #raskid2' ).

"Всё гениальное - просто!". Вот Рони, это хороший совет! Обещаю, судьба тебя отблагодарит

Всё оказалось просто и прекрасно заработало, вот так:

<div id="raskid1" class="opclose"></div>
...
<div id="raskid2"></div>

<script>
$( '#raskid1, #raskid2' ).on( 'click', function( event ) { ...тут, длиннющий скрипт выполнения... } );
</script>