gloriacoopertr
New Member
I'm actually facing a problem with div ids while generating a product list.I'm using a fade in effect and hide effect on a text linkhere is a portion of code:javascript\[code\]$('.theLink').hover( function () { $('.theDiv').fadeIn(); }, function () { $('.theDiv').hide(); });\[/code\]css\[code\].theDiv { display: none; margin-top:-7px; background-color:#fff; width: 148px; line-height:100%; border:1px solid #c3c3c3; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position: relative; padding: 10px;}\[/code\]html\[code\]<div class="theLink">Compatibilità</div> <div class="theDiv">' . $something . '</div>\[/code\]variabile \[code\]$something\[/code\] works correctly and display correct detail on each item in products the listWhen i go over \[code\]theLink\[/code\] it opens \[code\]theDiv\[/code\] in each item of the list instead of only the current one with i'm over.I hope to have been clear. Thanks in advance for any help.ADDED:I'm going to add the implemented code to let you understand where the part is placed\[code\]<div class="content"> <div class="bordobasso"> <div class="theLink"> <div class="compatibilita">Compatibilità</div> </div> <div class="dettagliprodotto">Acquista</div> </div></div><div class="theDiv">' . $new_products['products_id'] . '</div>\[/code\]\[code\]content\[/code\] already have another jquery function to expand item from the list and place some css