jquery - 滑下后以淡入淡出的动画显示/隐藏

Question

我正在尝试在此处滑动后添加淡入/淡出动画：

http://jsfiddle.net/lamberta/e44kB/

我试图添加和写入 .fadeOut(350, function () { & .fadeOut(350, function () {

但是没有工作，我不知道该放在哪里，有人知道如何将它放在这里吗？

Answer 1

你可以这样做

脚本

function toggleSlider() {
    if ($("#demo").is(":visible")) {
        $("#hola").animate(
            {
                opacity: "0"
            },
            600,
            function(){
                $("#hola").slideUp();
            }
        );
    }
    else {
        $("#demo").slideDown(600, function(){
            $("#hola").animate(
                {
                    opacity: "1"
                },
                600
            );
        });
    }   
}

html

<a href="#" onclick="toggleSlider();">toggle</a>
<div id="demo" style="display:none;background:#eee;padding:10px;">
    <div id="hola" style="opacity:0;filter:alpha(opacity=0);">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut tortor  erat, et consectetur nisl. Nunc non placerat odio. Cras feugiat  pulvinar diam sed sollicitudin. Quisque ut elit lacus, et gravida nunc.  Maecenas ac enim ligula. Aenean felis nunc, vulputate pellentesque  vehicula nec, tristique a tortor. Curabitur et semper dui. Sed id nisl  turpis. Sed vel nunc et nisi laoreet feugiat. Sed lobortis enim sed arcu  tempor vehicula. Vivamus dui ligula, ultricies id egestas ut, rhoncus  et est. Pellentesque dignissim diam vel nibh tempus condimentum. Etiam  sodales fermentum pharetra. Etiam faucibus tempus malesuada. Mauris  nulla lectus, laoreet sit amet cursus vel, ultricies at enim. Sed  facilisis rutrum eros, nec malesuada eros iaculis ac.

    </div>
</div>