JQuery Article Expander - Integrated Demo

This page uses all of the configuration options available. It changes the expand and collapse text on the button and uses custom selectors for the heading and the article content. This last feature allows you to easily integrate the plugin with existing HTML or add extra wrappers for graphical effects.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam augue nisl, euismod ut facilisis eu, rutrum id leo. Phasellus ut quam neque. Morbi hendrerit posuere eros eu hendrerit. Cras sed ipsum sapien. Vivamus tincidunt lobortis cursus.

Phasellus tempor viverra mauris, tincidunt dapibus mauris porttitor bibendum. Proin pellentesque orci fringilla enim viverra porta. Vivamus malesuada cursus dolor, eget fringilla mauris mattis at. Vestibulum ac massa risus, vel facilisis tortor. Maecenas pretium ipsum et lorem tristique quis tempor quam sagittis. Ut eleifend euismod magna, id feugiat lectus aliquam ac. Sed neque arcu, feugiat non posuere et, adipiscing a ipsum. Donec tempus nisl ac ipsum venenatis eget gravida urna consequat. Morbi justo nibh, suscipit non fringilla at, dapibus nec nibh. Mauris ornare auctor massa sed rhoncus. Proin congue malesuada tempor. In vitae mollis quam. Sed porttitor massa tristique magna hendrerit sed egestas odio dapibus.

In eget erat lorem. Pellentesque posuere enim sed justo elementum at pulvinar eros pellentesque. Morbi et augue leo. Mauris scelerisque nunc a lacus gravida ac congue est ornare. Integer risus ante, tristique ut placerat id, tempor ac dui. Phasellus nisi nunc, mattis fringilla porttitor non, imperdiet ut purus. Maecenas quis diam felis, vitae dignissim risus. Proin eros diam, semper eget tincidunt nec, rhoncus vel quam. Maecenas condimentum eros quis diam facilisis sed placerat nunc tempor. Maecenas non erat at metus venenatis vulputate. Mauris eu nisl et enim ullamcorper accumsan. Nunc vel nibh ut magna aliquet aliquet. Suspendisse dapibus dolor odio. Nunc at metus lacus. Integer orci orci, blandit a ultrices ut, pellentesque ut tellus. Donec viverra lobortis ullamcorper. Cras sit amet augue nulla. Pellentesque eu placerat diam. Morbi quis nulla ut dui semper blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

In addition, clicking article content will trigger the expand/collapse as well as the usual heading, and the animation has been slowed to 300ms (0.3 seconds). A cursor is also applied.

Phasellus tempor viverra mauris, tincidunt dapibus mauris porttitor bibendum. Proin pellentesque orci fringilla enim viverra porta. Vivamus malesuada cursus dolor, eget fringilla mauris mattis at. Vestibulum ac massa risus, vel facilisis tortor. Maecenas pretium ipsum et lorem tristique quis tempor quam sagittis. Ut eleifend euismod magna, id feugiat lectus aliquam ac. Sed neque arcu, feugiat non posuere et, adipiscing a ipsum. Donec tempus nisl ac ipsum venenatis eget gravida urna consequat. Morbi justo nibh, suscipit non fringilla at, dapibus nec nibh. Mauris ornare auctor massa sed rhoncus. Proin congue malesuada tempor. In vitae mollis quam. Sed porttitor massa tristique magna hendrerit sed egestas odio dapibus.

In eget erat lorem. Pellentesque posuere enim sed justo elementum at pulvinar eros pellentesque. Morbi et augue leo. Mauris scelerisque nunc a lacus gravida ac congue est ornare. Integer risus ante, tristique ut placerat id, tempor ac dui. Phasellus nisi nunc, mattis fringilla porttitor non, imperdiet ut purus. Maecenas quis diam felis, vitae dignissim risus. Proin eros diam, semper eget tincidunt nec, rhoncus vel quam. Maecenas condimentum eros quis diam facilisis sed placerat nunc tempor. Maecenas non erat at metus venenatis vulputate. Mauris eu nisl et enim ullamcorper accumsan. Nunc vel nibh ut magna aliquet aliquet. Suspendisse dapibus dolor odio. Nunc at metus lacus. Integer orci orci, blandit a ultrices ut, pellentesque ut tellus. Donec viverra lobortis ullamcorper. Cras sit amet augue nulla. Pellentesque eu placerat diam. Morbi quis nulla ut dui semper blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam augue nisl, euismod ut facilisis eu, rutrum id leo. Phasellus ut quam neque. Morbi hendrerit posuere eros eu hendrerit. Cras sed ipsum sapien. Vivamus tincidunt lobortis cursus. Vivamus a eros dolor, quis interdum massa.

Phasellus tempor viverra mauris, tincidunt dapibus mauris porttitor bibendum. Proin pellentesque orci fringilla enim viverra porta. Vivamus malesuada cursus dolor, eget fringilla mauris mattis at. Vestibulum ac massa risus, vel facilisis tortor. Maecenas pretium ipsum et lorem tristique quis tempor quam sagittis. Ut eleifend euismod magna, id feugiat lectus aliquam ac. Sed neque arcu, feugiat non posuere et, adipiscing a ipsum. Donec tempus nisl ac ipsum venenatis eget gravida urna consequat. Morbi justo nibh, suscipit non fringilla at, dapibus nec nibh. Mauris ornare auctor massa sed rhoncus. Proin congue malesuada tempor. In vitae mollis quam. Sed porttitor massa tristique magna hendrerit sed egestas odio dapibus.

In eget erat lorem. Pellentesque posuere enim sed justo elementum at pulvinar eros pellentesque. Morbi et augue leo. Mauris scelerisque nunc a lacus gravida ac congue est ornare. Integer risus ante, tristique ut placerat id, tempor ac dui. Phasellus nisi nunc, mattis fringilla porttitor non, imperdiet ut purus. Maecenas quis diam felis, vitae dignissim risus. Proin eros diam, semper eget tincidunt nec, rhoncus vel quam. Maecenas condimentum eros quis diam facilisis sed placerat nunc tempor. Maecenas non erat at metus venenatis vulputate. Mauris eu nisl et enim ullamcorper accumsan. Nunc vel nibh ut magna aliquet aliquet. Suspendisse dapibus dolor odio. Nunc at metus lacus. Integer orci orci, blandit a ultrices ut, pellentesque ut tellus. Donec viverra lobortis ullamcorper. Cras sit amet augue nulla. Pellentesque eu placerat diam. Morbi quis nulla ut dui semper blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.