Question

I have a jQuery dropdown menu on the same page as a jQuery search box. When the user hovers over an image, the menu appears and then they move away it disappears.

I want to make it so the dropdown menu doesn’t appear when the user hovers over the image when they are searching. How can I do this?

I hope you can understand what I’m trying to describe.

My code is;

$("#l").hover(function(){
    $("#l ul").show();
},function(){
    $("#l ul").hide();
});

$("form").submit(function(event){
    event.preventDefault();
    if($("#s").val().length>0){
        $.ajax({
            type:"GET",
            url:"/"+t+".php?q="+q,
            dataType:"html",
            success:function(c){

Answer 1

by searching do you mean when the form is submitted? Anyway, you can unbind the hover by

$("#l").unbind('mouseenter').unbind('mouseleave')