Skip to main content
Skip to main content

Accordion Snippet Example

test


Left Navigation Info

Navigation menus are done in <ul> and <li> tags.  The HTML code is set up as follows:

<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
</ul>


Left Column Info

Not only can you have your nav in the left (column 1) but you can also add content and images. Please note that anything you put in the left column will show up on ALL of the pages within your site.


Left Column Styles

Class - main_left
Width - 195px
Margin-Right - 15px

jQuery Accordion Snippet

Below is the finished product of the Accordion Snippet. This is created with a table transformation. When you are adding this on your page within the WYSIWYG you will only see a table. Just fill in the table and it will "transform" to the accordion you see below. There are some special settings you can add as well. Those, as well as general help on how to add the snippet, are listed on our self-help page.

Accordion Examples

Below are a couple examples, showcasing some key differences between the chosen accordion options and the end result. The raw table used to create the accordion, and its options, is shown first, proceeded by an example of the end result after saving/publishing.

Example #1
ACCORDION-ID 1
ACCORDION-ICONS STYLE-3
ACCORDION-BORDERS TRUE
ACCORDION-COLLAPSIBLE TRUE
ACCORDION-ACTIVE FALSE
ACCORDION-HEIGHTSTYLE CONTENT
First Row, First Column of Table First Row, Second Column of Table
Second Row, First Column of Table

We chose the site /funnymonkeys because we figured that there would not be any departments who would want that alias. We also like pictures of funny monkeys.

No Monkeys were harmed by WKU in the creation of this site. All pictures were randomly found on Google.

Another Header Row

Third Row, Second Column of Table

First Row, First Column of Table

First Row, Second Column of Table

Second Row, First Column of Table

We chose the site /funnymonkeys because we figured that there would not be any departments who would want that alias. We also like pictures of funny monkeys.

No Monkeys were harmed by WKU in the creation of this site. All pictures were randomly found on Google.

Another Header Row

Third Row, Second Column of Table

 

Example #2
ACCORDION-ID 2
ACCORDION-ICONS STYLE-2
ACCORDION-COLLAPSIBLE TRUE
ACCORDION-ACTIVE FALSE
ACCORDION-HEIGHTSTYLE CONTENT
First Row, First Column of Table First Row, Second Column of Table
Second Row, First Column of Table

We chose the site /funnymonkeys because we figured that there would not be any departments who would want that alias. We also like pictures of funny monkeys.

No Monkeys were harmed by WKU in the creation of this site. All pictures were randomly found on Google.

Another Header Row

Third Row, Second Column of Table

First Row, First Column of Table

First Row, Second Column of Table

Second Row, First Column of Table

We chose the site /funnymonkeys because we figured that there would not be any departments who would want that alias. We also like pictures of funny monkeys.

No Monkeys were harmed by WKU in the creation of this site. All pictures were randomly found on Google.

Another Header Row

Third Row, Second Column of Table

 

Note: documents in Portable Document Format (PDF) require Adobe Acrobat Reader 5.0 or higher to view,
download Adobe Acrobat Reader.

Note: documents in Excel format (XLS) require Microsoft Viewer,
download excel.

Note: documents in Word format (DOC) require Microsoft Viewer,
download word.

Note: documents in Powerpoint format (PPT) require Microsoft Viewer,
download powerpoint.

Note: documents in Quicktime Movie format [MOV] require Apple Quicktime,
download quicktime.

 
 Last Modified 10/5/17