View Text Only Version

Style Guide

Hiding Content

Contact Us  

Style Guide

Address:
University Ave
West Chester, PA 19382


Phone: 610-436-1000
Email: webmaster@wcupa.edu

Hiding Content

Accordion

Description

This snippet is used to show content only when a user clicks on the accordion heading.  The accordion has a drop-down display effect when clicked.

Image Button Accordion

Test

This is a test image button accordion

Description

Use this snippet to create an accordion that also has an image showing

Expanded List

  • Text Displayed

    Hidden statement is put here. You can add in more text here to go along with your first statement.

Description

This snippet works exactly like the accordion snippet does, but allows the content that is being clicked to be a list instead of the accordion styles.

Expanding Content

Content / Statement Shown

 

Description

This snippet creates a clickable link that opens hidden content to a fancybox.

 

Fancy Box Image

thumb  

Enter Heading

This snippet will give an image the ability to be clicked and enlarge as a fancybox on the screen.

Fancy Box Image to Content

test

Description

Use this snippet to link images to fancybox text

Enter Heading

This snippet will work the same way as the Fancy Box image, but the clickable link will be text instead of an image.

Fancy Box Video

Play video

Enter Heading

This snippet is used to link an image to a video without needing to go to youtube.  The video will open like a fancybox and will start playing instantly.

Hidden Bubble Text

See the bubble text
Bubble text content

Description

This snippet will display text in a bubble background style when the user clicks on the link.