Stevens Point Marshfield Wausau 100% Online

Giving Directory Site Index

Logins

accesSPoint Canvas Email myPoint Navigate (Staff) Navigate (Student) Office 365 SPIN All logins Account Help

www website: Sign In

Events Calendar UWSP Blog LinkedIn YouTube SnapChat Instagram Twitter Facebook

Search UWSP.edu

Web Development

Web DevelopmentInformation Technology

University of Wisconsin-Stevens Point > Information Technology > Web Development > Collapsible Panels

Collapsible Panels

To add a collapsible panel to your site, you will need to add a web part to the column of the page you would like the panel to be on.

To do this, first open the Edit modeof your site from the site actions menu.
Find the column you would like the collapsible panel on and select "Add a Web Part". Open the "UWSP Web Parts" category.
When adding a Collapsible Panel to your page, you will need to be sure that the "Collapsible Panels Javascript" web part is placed below the Collapsible Panels themselves, so add this web part first. Without it, your panel will not open or close when it is clicked.
Once you add the web part, your page will refresh. Click on "Add a Web Part" again, open the "UWSP Web Parts" category, and this time add the "Collapsible Panels Sample HTML" web part.The column on your site in edit mode will now look like this:

You can change the content of the Collapsible Panels Sample HTML web part in edit mode. Click anywhere in the text to add or edit text and images. Below is an example of a finished Collapsible Panels web part.