Установка времени ожидания jQuery для div, содержащего Flash

Question

Итак, мне нужно удалить div, когда закончится воспроизведение вспышки. Я использую это до сих пор (первая функция, чтобы показать div вспышки при наведении, вторая, чтобы удалить его.):

$(document).ready(function(){

        $(".showFlash").hover(function () {
          $("#flash").show("fast");
        });

    setTimeout(function() {
$('#flash').fadeOut('fast');}, 3000); // 
      });

В первый раз работает нормально. Хотя, когда я снова активирую вспышку, снова наведя курсор на элемент .showFlash - это не сработает. Есть идеи? Спасибо.

Answer 1

Нет необходимости использовать тайм-аут. Сохраняйте это простым

$(".showFlash").mouseenter(function () {
      $("#flash").show("fast").delay(3000).fadeOut('fast');
    });

Также я думаю, что вы хотите запустить это, когда мышь входит в .showFlash, а не при наведении (это вызывает событие при входе и при выходе)