А как например тогда определить какое описание текста к картинке выводить?

Где определить? У тебя скриптом добавляется текст? И какой в этом смысл? Или ты текст через аякс подтягиваешь по требованию?

<p>TEXT only for img1</p>

Текст находится в блоке у каждого элемента. Понимаю что все это не совсем правильно....но...

Так в чем тогда проблема, не понимаю? Твоя задумка реализуется уже предложенными вариантами, без каких либо изменений. Тебе осталось прописать css.

Я пишу click() для каждого элемента с указанием его в селекторе, все вышепоказанные примеры в селекторе указывают только один класс. У мня же так не получится, я имею 3 блока, у каждого разный класс, в нем есть картинка и описание, в зависимости от клика я отображаю содержимое и увеличиваю картинку. Если например убрать классы которые заканчиваются на 1,2,3, то как пойму, что именно для этого элемента необходимо вывести именно это описание. Поэтому сделал 3 класса, но приходится тогда делать 3 раза обработчик клика, где в селекторе ставлю каждый класс. Как-то так....

Тут ничего понимать не надо. Просто добавляй/убирай второй класс у section и в зависимости от этого класса (через css) скрывай/отображай текст.