Как при клике на слово, отображалась его информация(подуровень)?

Question

[Айнур Шангараев]

Здравствуйте, я только начал входить в IT и столкнулся с проблемой. Как мне при нажатии на слово выводилась его информация(допустим, я нажимаю в сайте на определённый вид массажа и при его клике появлялась информация о нём или когда нажимаю на услуги, мне высвечивались их виды и т.д.). То есть, при нажатии на слово и или символ, показывался дополнительный блок информации, а при повторном он исчезал. Хватит ли css и html для реализации вот этого? Я больше не знаю, как мне это более доходчиво объяснить из-за малых знаний в этой сфере. Надеюсь, что кто-то всё таки понял суть моей задумки. Заранее спасибо.

Answer 1

[Рей Достоевский]

Предлагаю сделать вам список информации, которую нужно отображать, и задать такие значения в css:

.yourBlock{
    position: absolute;
    right: -1000px;
}
.yourWord:hover .yourBlock:
    right: 0px;

Можно еще указать, положение слова.

Comments

[trofimovfedor]

могу дополнить ваш ответ, мне кажется здесь больше подойдет псевдокласс :active, чем :hover