Sind die jQuery-hide und slideUp Methoden äquivalent?

Tun slideUp('slow') und hide('slow') Ergebnis in die gleiche animation Effekte?

Beispiel-Code:

$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide('slow');
  });
  $("#show").click(function(){
    $("p").show('slow');
  });
});


<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>

InformationsquelleAutor Yosef | 2011-03-13

  1. 20

    Nicht.

    .slideUp('slow') animiert die Höhe und vertikale padding auf null.

    .hide('slow') auch animiert, das Breite, horizontale Polsterung und die Deckkraft auf null.

    Den Unterschied zu sehen, fügen Sie javascript:void($('pre').hide(4000)) in der Adressleiste auf dieser Seite.

    InformationsquelleAutor SLaks

  2. 4

    Die animation ist ein wenig anders,
    - slideUp('slow') im wesentlichen Folien, sonst nichts 🙂
    - hide('slow') gleitet nach oben und nach Links gleichzeitig.

    In der jquery-API-doc, Sie haben gute Dokumentation:

    InformationsquelleAutor Pizzicato

  3. 0
    $(function(){
        $(".job-bottom").hide();
        $(".job-top").click(function(){
            $(".job-bottom").slideUp('slow')
            $(this).next(".job-bottom").slideToggle( "slow" );
        });
    });

    InformationsquelleAutor Kamlesh

Schreibe einen Kommentar