Dreamweaver

Apply a Slide Up/Slide Down effect

Note: You can only use this effect with these HTML objects: blockquote, dd, div, form, or center. The slide effect requires a single <div> tag around the content that slides.
  1. (Optional) Select the content or layout object you want to apply the effect to.
  2. In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select Effects > Slide from the menu.
  3. Select the object’s ID from the target element menu. If you have already selected an object, choose <Current Selection>.
  4. In the Effect Duration field, define the time it takes for the effect to occur, in milliseconds.
  5. Select the effect you want to apply: Slide Up or Slide Down.
  6. In the Slide Up From/Slide Down From box, define the sliding starting point as a percentage or as a pixel number.
  7. In the Slide Up To/Slide Down To box, define the sliding end point as a percentage or as a positive pixel amount.
  8. Select Toggle Effect if you want the effect to be reversible, sliding up and down with successive clicks.