JQuery ролловер, показать и скрыть

Question

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

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

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

вот демо http://jsfiddle.net/wdWWQ/

Заранее спасибо... Пол

код

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

Answer 1

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

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

Скрипка: 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()