Personal tools
You are here: Home > E-Learning Development > IDEA Lab > test

test

a Lot of texT that has collapsible paragraphs.

There are 2 examples here. 1) a paragraph that is hidden by default and waiting for a user to expand it. 2) a paragraph that is exposed by default but allows the user to select the heading to hide the paragraph. Both examples are below

This is heading 1Heading 2Heading 3Heading 4
asuadsf ad asuadsf ad asuadsf ad asuadsf ad
balhs basdk dgblvi sldjn
fnd dhn wrg dfb

 

This is an expanded heading. The Paragraph that immediently follows this special heading will be collapsed.

 

This should be where the expanded paragraph ends

collapsedHeading

This is done with some special Javascript, some CSS and customizing the toolbar for TinyMCE to add a selectable style that a user can choose what they want to collapse.. Looks like this.

 

 

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Etiam fermentum pellentesque turpis, vel egestas eros placerat sit amet. Etiam tempus neque in diam iaculis interdum. Phasellus et velit nisi, a consectetur lacus. Nunc convallis mollis felis, eget semper enim lacinia eget. Suspendisse pellentesque eros at mauris ultrices sodales. Nulla lectus nisl, faucibus eu dignissim at, rhoncus ut sem. Donec ultricies tincidunt dolor, nec mattis mi molestie lacinia.

Aenean sem erat, pellentesque sed sodales et, egestas a diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut vel sem a eros adipiscing euismod. Vivamus dignissim massa nec nisl condimentum ut cursus nisl tempor. Aliquam erat volutpat. Integer sit amet metus non mauris viverra feugiat sit amet at ipsum. Etiam et blandit lectus. Suspendisse quam nisl, gravida non iaculis vitae, porttitor a metus. Vivamus a dui velit, ac semper dolor. Maecenas eu metus nisi, et auctor turpis. Nullam dolor justo, blandit ac tincidunt vel, volutpat non erat. Vestibulum posuere leo vitae eros euismod ut suscipit neque tempor.

Stuff below here will collapse

In this example this paragraph will stay open untill the user collapses it on purpose

lectus quis justo fermentum lacinia. Praesent commodo varius turpis, nec placerat velit fermentum a. Sed non venenatis velit. Cras neque massa, scelerisque at commodo ut, semper eget ligula. Vivamus tempus felis vitae leo rutrum eu eleifend mauris feugiat. Praesent vel ante vel massa scelerisque aliquet in ac sapien. Aliquam a orci felis, eu hendrerit odio. Sed sodales nibh quis arcu cursus suscipit. Etiam tincidunt laoreet neque, at blandit nulla dapibus et. Vestibulum id mauris massa, vitae eleifend elit. Mauris varius tempus interdum. Vivamus id imperdiet felis. Aenean eget nunc eget metus lobortis consectetur et quis libero.

This is another paragraph

Common Online Utilities

qualtricsd2ld2lfaq