0

jsフィドル

シンプルだと思いたいことをやろうとしています。

ホバー時に部分的に非表示の要素をアニメーション化し、クリックすると閉じます。

$('#call-to-action').hover(function(){
                $('#call-to-action').animate({
                    right: '0px'                                                    
                }, 1000);
                $('.cta-open').hide();
                $('.cta-close').show();
            });

            $('.cta-close').click(function(){
                $('#call-to-action').animate({
                    right: '-364px'                                                 
                }, 1000);
                $('.cta-close').hide();
                $('.cta-open').show();
                stop();

            });

フィドルには、私が使用しているコードと要素があります。

何か案は？

4

1 に答える 1

1

.hover()に変更.mouseenter()

jsFiddle の例

ホバーする関数は 1 つしか渡していないため、マウスが要素に入るか、要素から離れたときに実行されます。

$(document).ready(function () {
    $('#call-to-action').mouseenter(function () {
        $('#call-to-action').animate({
            right: '0px'
        }, 1000);
        $('.cta-open').hide();
        $('.cta-close').show();
    });
    $('.cta-close').click(function () {
        $('#call-to-action').animate({
            right: '-364px'
        }, 1000);
        $('.cta-close').hide();
        $('.cta-open').show();
        stop();
    });
});
于 2013-05-31T03:20:14.627 に答える