Смена style по клику
 

Подскажите, как реализовать следующую задачу, и можно ли её вообще сделать.
Есть 2 div с разными классами, в них картинки, один с них спрятан, другой открыт. Есть две функции, вызываются в зависимости на какой div нажали. Как их дописать или может отдельную функцию написать, чтобы при клике значения style="display" менялись .

function add(upd) {$.post("update.php", {updateupd: upd});}
function del(upd) {$.post("update.php", {updateupd: upd});}

<div id="my_content">
    <div onclick="add(10)" class="add-my" style="display: block"></div>
    <div onclick="del(10)" class="del-my" style="display: none"></div>
</div>
<div id="my_content">
    <div onclick="add(11)" class="add-my" style="display: block"></div>
    <div onclick="del(11)" class="del-my" style="display: none"></div>
</div>
<div id="my_content">
    <div onclick="add(12)" class="add-my" style="display: block"></div>
    <div onclick="del(12)" class="del-my" style="display: none"></div>
</div>

Так не делают. Номер элемента это индекс массива элементов. Чтобы получить такой массив надо особо постараться, поскольку индексируется все по html. Если, конечно, html не генерится скриптом.

Как вы нажмете на скрытый элемент?

И что выдает сервер? Может он будет выдавать этот самый элемент сразу со всеми стилями?