Как реализовать следующее: В списке товаров категории, при наведении на изображение товара, отображается пользовательский текст (по типу overlay эффект)
Код: <div id='container'> <div style="visibility: hidden"> My hidden text </div> </div> ну и сам скрипт обработки: Код: <script type="text/javascript"> $("#container").hover(function () { $("#container div").css("visibility","visible"); }, function () { $("#container div").css("visibility","hidden"); }); </script>
зачем сразу скриптами?? да и style="visibility: hidden" не стоит использовать. ВСЕ СТИЛИ всегда записывать только!!! в таблицу каскадных стилей <div id='container'> <h1 class="title">TITLE</h1> <div class="hidden"> My hidden text </div> </div> #container .hidden{ visibility: hidden; opacity:0; transition:0.3s; } #container:hover .hidden{ visibility: visible; opacity:1; }