TOC

jQuery slideUp (), slideDown () und slideToggle () Beispiel

Beispiel für jQuery slideUp (), slideDown () und slideToggle ()

jQuery verfügt über drei praktische Methoden, um den Gleiteffekt auf einfache Weise zu erstellen.

  1. slideUp () - Blendet die übereinstimmenden Elemente mit dem Slide-Up-Effekt aus.

  2. slideDown () - Zeigt die übereinstimmenden Elemente mit einem Slide-Down-Effekt an.

  3. slideToggle () - Wenn das übereinstimmende Element angezeigt wird, wird es mit einem Slide-Up-Effekt ausgeblendet. Wenn es ausgeblendet ist, wird es mit einem Slide-Down-Effekt angezeigt.

Die folgenden drei Methoden geben die Unterstützungsdauer als Parameter an: Langsam, Schnell oder Exakte Millisekunden. Wenn dieser Parameter nicht angegeben wird, gelten die Standardeinstellungen von 400 Millisekunden.

Versuch es selber 













jQuery slideUp(), slideDown() and slideToggle() example





    






slideDown() example


    

        Click me - slideDown()
    


    

        Click me - slideDown()
    






    
slideUp() example


    

        Click me - slideUp()
    


    

        Click me - slideUp()
    






    
slideToggle() example
 
    

    

        slideToggle()
    


    

        slideToggle()

Probieren Sie die Demo aus

Related