Как автоматически брать id (пoмогите поправить скрипт)?

Question

[Капитан Какао]

Парни, набросал такую штуку.
Суть в том, что при клике по зелёной области, она становится меньше + появляется ещё крассная область и кнопка "закрыть".

Помогите пожалйста сделать так, что бы при клике на "Название фильма 1", в левом блоке открывалось "Описание фильма 1", что бы не все блоки которые есть открывались, а только тот, который соответствуте.
То есть если нажать на Название 1 Откроется Описание 1, если на Название 2, откроется Описание 2

Суть в том, что таких блоков будет много, и писать скрипт для каждого в ручную не подойдёт, нужно как-то автоматически, что бы он брал ID из кнопки по которой клацаешь, и открывал соответствующее описание.

Answer 1

[Andrew]

Что-то вроде - jsfiddle.net/h4uuopw6/1

Comments

[Капитан Какао]

Огромное спасибо! Как раз то, что мне нужно было!!!))

[Капитан Какао]

Слушай, столкунлся с такой проблемой, если таких блоков больше одного, то при клике на название фильма в втором, третьем, четвёртом, открываются так же все предидущие.

ПРИМЕР: jsfiddle.net/h4uuopw6/2

Вот пример, сможешь пофиксить это пожалуйста?
Я так понимаю нужно сделать как-то что бы классы .left .right нужно убрать из скрипта, а в html добавить этим блоками ID, и по ID в скрипте их обрабатывать.

[Andrew]

Rad Cor: jsfiddle.net/h4uuopw6/5

[Капитан Какао]

Andrew: Прям в точку вообще! Огромное спаисбо ещё раз!

[Капитан Какао]

Andrew: здравствуй снова. Небольшой вопрос по этому же скрипту возник.
Нужно что бы активная вкладка (название) было другим цветом, я добавил что бы при открытии названию добавлялся класс open, в css прописал другой цвет активному названию.
При клики на "закрыть", класс удаляется, и название снова не активно.

Но если открыть один раздел, и не закрывая его переключится в другой, то предидущий остаётся активным (белым).
Подскажи пожалуйста, как убирать класс open не только кри клике на "закрыть", но и при клике на другое название.

Вот пример: jsfiddle.net/h4uuopw6/7

[Andrew]

Rad Cor: jsfiddle.net/h4uuopw6/8

[Andrew]

Rad Cor: ещё такой вариант jsfiddle.net/h4uuopw6/9

[Капитан Какао]

Andrew: спасибо огромное. А я уже думал вы не ответите, пошёл новый топик создал(
Как убрать класс на JS (помoгите подправить скрипт)?
Спасибо ещё раз!.

[Andrew]

Rad Cor: Всегда пожалуйста. Вот только в новом топике ответ с косяком. Отписался к комментариях.

Answer 2

[Дмитрий Ковальский]

что-вроде

$(".right div").click(function(){
$(this).attr("id") - идентификатор diva
});
UPD:
".right div" //селектор для всех div внутри элемента с классом right
на клик по которым вешается обработчик события click
Внутри обработчика "this" - ссылка на элемент по которому произошел клик, а $(this).attr("id") - извлечение значения атрибута id элемента по которому кликнули с помощью jquery

Comments

[Капитан Какао]

А по конкретнее можно, не совсем понял.