Как сделать скрытие области?

Question

[rkniazev]

Хочу сделать карточки,при нажатии на которую появляются доп клавиши.
Реализовал с помощью дублированием ID( id и id1)

В дальнейшем хочу автоматизировать вывод данных из массива, так что дублировать id не очень удобно будет.

codepen.io/anon/pen/jWbZbM

Answer 1

[D']

Так что ли?

PS
Обновил pen

Comments

[rkniazev]

Что изменилось?

[D']

rkniazev: всмысле? Убрались ID, теперь работает с классами.

[rkniazev]

D' Normalization: Можно попросить описать как, как оно работает, что бы на будущие не задавать глупые вопросы

[D']

rkniazev: Т.е? Все тоже самое что и было. Только используются классы. Доступ к родителям через closes() + find().

Вам же это нужно было?

[rkniazev]

D' Normalization: Да, " var self = $(this);" , я понимаю что пиреманная, но как с ее используете?

Доступ к родителям через closes() + find().
Вот тоже не понятно

[D']

rkniazev: добавил побольше строк. Теперь видите разницу?

[rkniazev]

D' Normalization: Вижу, но не совсем понимаю как работает, сможете обьяснить, как понимаю ничего сложного нет

[D']

rkniazev: var self = $(this); - это просто по привычке использую. Можно и без этого.
У вас использовался доступ по $('#ID'), я переделал его на доступ по классу + поиск нужного дива через родителя (.card)

Через
$(this).closest('.card') ищем ближайший див с классом .card, и в нем уже ищем .find('.card-set') нужный див, и применяем к нему действие.

[rkniazev]

D' Normalization: Я вам безуууумно благодарен!