javascript - jQuery puff 效果在应用效果后返回 Div？

Question

我正在使用 jQuery 吹气效果，我需要知道如何在 Div 被吹走后将其返回到页面上!

目前，代码将使 Div 消失(基本上它会使其完全消失)。

我怎样才能不让 Div 完全消失？

我怎样才能使它在它消失后重新出现 Div？

这是我目前使用的简单代码:

<script>
  $( '#myButton' ).click(function() {
     $( "#myDiv" ).effect( "puff", "slow" );
  });
</script>

Answer 1

只需再次切换或使用 DOCS 中所述的切换即可:

$( "#myDiv" ).toggle( "puff" );

如果您想将不透明度更改为 50%，则将所有内容恢复为不透明:

// 50% opacity
$("#myDiv").animate({'opacity': 0.5});
//return to normal
$("#myDiv").animate({'opacity': 1});

编辑:

你需要类似的东西 DEMO

如果你有兴趣的话，puff的代码是:

$.effects.effect.puff = function( o, done ) {
    var elem = $( this ),
        mode = $.effects.setMode( elem, o.mode || "hide" ),
        hide = mode === "hide",
        percent = parseInt( o.percent, 10 ) || 150,
        factor = percent / 100,
        original = {
            height: elem.height(),
            width: elem.width(),
            outerHeight: elem.outerHeight(),
            outerWidth: elem.outerWidth()
        };

    $.extend( o, {
        effect: "scale",
        queue: false,
        fade: true,
        mode: mode,
        complete: done,
        percent: hide ? percent : 100,
        from: hide ?
            original :
            {
                height: original.height * factor,
                width: original.width * factor,
                outerHeight: original.outerHeight * factor,
                outerWidth: original.outerWidth * factor
            }
    });

    elem.effect( o );
};

您可以将其更改为不隐藏该元素，但我现在做不到那么快。