Content Expander Stack

With a Content Expander Stack you can easily display hidden content by clicking or hovering with your mouse. The hidden content will slide in from top to bottom.

Examples

Example I: Loading Images
Example II: Loading text and other Stacks

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Example III: Expanding by hover
Image Loader (2013/04/28)
Load images as they get into the viewport, save bandwidth and make your page load faster. This is very useful if you have a lot of pictures you want to show your visitors.
Create QR-Codes from custom text or a vCard to easily give your users the ability to scan and save your address data.
With Flickr Stack you can embed any number of images from your Flickr Account. Either the latest ones or any random ones. You can arrange them in horizontal or vertical layout in three different sizes.
Add a Shadows Stack to your page to create a fancy shadow to your Stack or even a shadow animation by hover or click event. Furthermore you can define a horizontal and vertical movement to your Stack in order to create a fancy 3D animated look
A text ticker in typewriter style

Settings

    Width of activator: You can enter values like "100%", "250px"
    Orientation: Left, Center or Right
    Animation time: The time for sliding content in or out (values in ms or words like 'fast' , 'slow')
    Hover: Enable in order to activate the expanding effect
      Delay: Time in ms until the expanding effect will start
    Animation time: The time for switching 'show more' and 'show less' stacks
    Alt. Stack: Enable to show a different Stack for the activator after the content has been expanded

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer
  • Firefox