Hi brian,
I cannot set the width on the <div> tag unless the image is
separated from the <div> tag. In my case, the image will be smaller
compared to the width. The reason I included both of them in the same
<div> tag is so that when I can hover over the details <div>. If it is
outside the main <div> (#EmpDetails) tag, then as soon as the mouse
leaves the image, the content will be hidden. Is there any other way
to accomplish this?
Thanks,
sridhar.
On Dec 11, 12:00 pm, brian <[EMAIL PROTECTED]> wrote:
> It's not an infinite loop. Your cursor is passing over the div and
> back several times, causing the hover states to toggle. Try this:
>
> <div id="divEmpDetails" style="border:1px solid #000;">
>
> Now, run your cursor in and out of the div several times. The toggling
> should run for a bit, then stop.
>
> The fix is to either set a width on the div so that it doesn't go the
> entire width of the page or check out the hoverIntent plugin.
>
> On Thu, Dec 11, 2008 at 11:00 AM, Sridhar <[EMAIL PROTECTED]> wrote:
>
> > that didn't work.
>
> > On Dec 11, 1:00 am, sad1sm0 <[EMAIL PROTECTED]> wrote:
> >> try unbinding before attaching the hover event
>
> >> $('#divEmpDetails').unbind().hover();//fill in the gaps
>
> >> Now that I look at your post I realize that's what fixed my gallery
> >> issue. Looks like a similar problem. Maybe it'll help you too
