Вам совершенно не нужно добавлять жикури.
Да и html менять не стоит.
Вам предлагали следующее решение.
Создаём див с товаром.
<div class="content">
<img /><br />
супер дупер мега штука
</div>
Это основной див который видит у вас пользователь.
Дальше мы решаем по какому пути пойдём: чистым css или js.
Если идём через css. Тогда дописываем снизу к блоку болк, спан, в общем всё что угодно. И тогда получаем:
<div class="content">
<img /><br />
супер дупер мега штука
<div class="dopContent">
Она умеет так-то так-то и ещё вот так!!!!1111
</div>
</div>
Для нормального отображения этого дела пишем css
.content{
width: 100px;
heigth: 100px;
position: relative;
background: #aef;
}
.dopContent{
position: absolute;
display: none;
width: 100px;
heigth: 20px;
}
Дальше нам надо настроить изменение стилей при наведении. Будем это делать с помощью псевдокласса :hover. .class:hover{тут тот стиль который нужен у блока с классом .class при наведении} .class:hover .dopClass{тут тот стиль который будет у блока с классом .dopClass при наведении на блок с классом .class}
Если вы хотите что либо поменять в .dpoClass он должен быть ОБЯЗАТЕЛЬНО вложен в блок .class.
Дальше мы пишем соответствующие свойства:
.content:hover{
background: #fff;
}
.content:hover .dopContent{
display: block;
}
Надеюсь мне простят ссылку почти конкурентов
http://htmlbook.ru/css/hover
И если действовать через js, то идея та же. Просто меня стиль элемента с display:none на block и обратно. Не стоит ничего дописывать а потом удалять.
