Показать скрытые элементы при клике и оставить видимыми

[Нарек]

Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться.

 

Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть.

 

По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем..

 

Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)

Edited July 20, 2014 by Нарек

[xzarxzes]

Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться.

 

Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть.

 

По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем..

 

Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)

может так http://jsfiddle.net/xzarxzes/5d9EU/

 

upd: но лучше это все делать на js, мне всегда казалось что всякие таргеты и чекбоксы это прсто для эксперемента, они ведь предназначены совсем для другого

Edited July 20, 2014 by xzarxzes

[Нарек]

Я вот какого результата хотел добиться ) http://jsfiddle.net/npT6K/1/

Ничего не получилось, пришлось делать с jQuery, и Вы правы тоже, чекбоксы должны оставаться для чекбоксов) Просто интересно было)