I have just tried putting the search control into an iframe and the
same instances occur! Double Dang! Is there no way to have selectable
form fields in a hovered div? Please, any insight is greatly
appreciated.
On Jul 30, 11:06 am, jeff <jeffreykarbow...@gmail.com> wrote:
> I am trying to implement a div containing an advanced search form drop
> down on hover and I have everything working (only in FF) except for
> when I try to add any sort of animation or speed to the '.show' or
> '.hide' effect. When I try to add speed or seemingly any other effect
> to the div, the select elements of the search form fires the hover
> event. Does this make sense?
>
> Here is the script:
>
> $('.searchWidget').hover(
> function() {
> $(this).find
> (".topSearch").show();
> },
> function() {
> $(this).find
> (".topSearch").hide();
> });
>
> Here is the html:
>
> <div class="searchWidget">
> <div class="topSearchTab">Advanced Search</div>
> <div class="topSearch" style="display:none">
>
> [LENGTHY FORM HERE with selects and inputs]
>
> </div>
> </div>
>
> This only works in FF, and when I add speed to the '.show' or
> '.hide' [.show (400)], or even a different effect like '.fadeIn' this
> causes the select elements in the form to fire the hover and the div
> will just show and hide over and over again without a mouse movement.
> In IE, the select options fire the hover event even now.
>
> I really need this to work in all browsers and to be able to add at
> least speed, any help is very much
> appreciated. Thanks!
