Jquery divs幻灯片

Question

链接：www.goo.gl/prrRRT

我希望带有问号的div能够完全滑出（就像它现在一样）当我悬停时以及当我不悬停之后然后他向后滑动你只能看到问号。这是我现在的jquery。

<script>
    $('.vraagteken_container').hover(function() {
        $('.vraagteken_container').hide('slide', {direction: 'right'}, 1000);
        $('.vraagteken_container').show('slide', {direction: 'left'}, 1000);
    });
</script>

我该怎么做？

Answer 1

jquery hover()有两个函数：进出事件......

http://api.jquery.com/hover/

所以修改你的代码如下：

<script>
    $('.vraagteken_container').hover(function() {
        $('.vraagteken_container').hide('slide', {direction: 'right'}, 1000);
},
function() {
        $('.vraagteken_container').show('slide', {direction: 'left'}, 1000);
    });
</script>