Скрипт открывания-закрывания div'а

Есть код, который выполняет следующую функцию: скрывает\раскрывает определенную часть страницы.

пример кода:

------------------------------------------------

function hide()

{

window.div1.style.display= 'none';

window.div2.style.display= 'block';

}

function show()

{

window.div1.style.display= 'block';

window.div2.style.display= 'none';

}

Подробнее

Скрыть подробнее

Здесь находится скрытая часть страницы, которая при нажатии на "Подробнее" появляется

----------------------------------------------------

Если такой код на странице в одном экземпляре, все работает нормально.

Но для определенной задачи возникла необходимость нескольких таких дивов, которые генерятся не вручную, а php кодом!

Например:

1. Пункт 1

подробнее >

2. Пункт 2

подробнее >

3. Пункт 3

подробнее >

и т.д.

Необходимо написать код (JavaScript, php,...), который будет при добавлении нового элемента автоматически присваивать divaм id, отличный от уже имеющихся на странице, и вносить этот id в функции show и hide либо каким то образом делать обработку.

Да и кроссбраузерность нужно было бы соблюсти.

Укажите пожалуйста В ПРОЕКТЕ(не пишите в личку) ваши цены и сроки разработки

Спасибо!