jQuery rollover, показать и скрыть

Question

У меня есть небольшая проблема с показом и скрыть jquery. Я надеялся, что кто-то сможет объяснить;

когда вы пролонгировать изображения я хочу, чтобы показать кнопки BTN и остаться при наведении на кнопках BTN (его в настоящее время мерцает)

Кроме того, когда вы скатываетесь изображения кнопок BTN спрятаться.

здесь демонстрационный http://jsfiddle.net/wdWWQ/

Спасибо заранее ... Paul

код

/* PICTURE BTNS SHOW. 
    ===================================================================*/ 
    $(".show-pic-trigger").hover(function() { 
     $(".show-btns-pic").show(); 
    }, function() { 
     $(".show-btns-pic").hide(); 
    }) 

Answer 1

Переместить ваш .show-pic-trigger в контейнер.

Это происходит потому, что ваша кнопка блокирует ваш якорный тег. Всегда полезно помещать класс hover в контейнер.

Fiddle: http://jsfiddle.net/CzM3X/

Answer 2

Используйте этот код,

/* PICTURE BTNS SHOW. 
===================================================================*/ 
$(".show-pic-trigger").hover(function (e) { 
    $(".show-btns-pic").show(); 
    e.preventDefault(); 
}, function() { 
    $(".show-btns-pic").hide(e); 
    e.preventDefault(); 
}) 

JS FIDDLE: http://jsfiddle.net/wdWWQ/1/

Вы должны использовать event.preventDefault функция()