Zotonic
  • Search
  • User Guide
  • Developer Guide
  • Cookbooks
  • Reference
  • Articles and Video
  • Made with Zotonic
  • Demo
  • User Guide
    • CMS
    • The Zotonic data model
    • User management
    • Issues and features
  • Developer Guide
    • Introduction
    • Getting Started
    • Docker
    • Directory structure
    • Sites
    • The Status site
    • Controllers
    • Dispatch rules
    • Resources
    • Templates
    • CSS classes used in templates
    • Media
    • Icons
    • Forms and validation
    • Search
    • Translation
    • Wires
    • Access control
    • Modules
    • Notifications
    • Browser/server interaction
    • E-mail handling
    • Command-line shell
    • Logging
    • Testing sites
    • Deployment
    • Troubleshooting
    • Contributing to Zotonic
    • Release Notes
    • Upgrade notes
  • Cookbooks
    • Admin cookbook
    • Frontend cookbook
    • Just enough…
    • Other cookbooks
    • Shell cookbook
  • Reference
    • Modules
    • Actions
      • Notifications
      • Backup
      • Config
      • Mailing list
      • Actions
      • Admin
      • Templates
      • Page handling
      • Search
      • Forms
      • DOM Elements
        • add_class
        • animate
        • buttonize
        • effect
        • fade_in
        • fade_out
        • hide
        • insert_after
        • insert_before
        • insert_bottom
        • insert_top
        • jquery_effect
        • mask
        • mask_progress
        • move
        • remove
        • remove_class
        • replace
        • set_class
        • show
        • slide_down
        • slide_fade_in
        • slide_fade_out
        • slide_toggle
        • slide_up
        • toggle
        • toggle_class
        • unmask
        • update
        • update_iframe
      • Dialogs
      • Resources
      • JavaScript
      • Modules (Admin)
      • User
      • Editor
      • Events
      • Predicates and Connections
    • Controllers
    • Filters
    • Tags
    • Global template variables
    • Models
    • Validators
    • Notifications
    • Installation requirements
    • Configuration
    • Command-line
  • Glossary

slide_fade_in

Module

mod_wires

See also

actions toggle, show, hide, fade_in, fade_out, slide_down, slide_up and slide_fade_out.

Show an element by animating the height and opacity.

Example:

{% button action={slide_fade_in target="myid"} %}

Shows the element with id myid when the button is clicked.

Edit on GitHub

slide_down DOM Elements slide_fade_out

GitHub © 2025 Zotonic