Question

Trying to keep the element visible while user focuses on <form><select> inside of it.

http://jsfiddle.net/9v5ux/

This does not seem to work:

$('#toolbar form').not(':focus')

Please help. Thanks.

Answer 1

This code should do it.

    $('#toolbar').hover(
    function() {
    var toolbarposition = $(this).position();
        if (toolbarposition.top == -115) {
            $(this).animate({top: '0'}, 300);
        }
    },
    function() {
    var toolbarposition = $(this).position();
        if (toolbarposition.top == 0 && !$('#toolbar form select').is(':focus')) {
            $(this).animate({top: '-115'}, 300);
        }
    }
);