Ellipsis plugin example
This is an example page for the ellipsis jquery plugin I modified. These are made with the following calls. Admittedly the final layout is a bit wonky on tables and needs some tweaks. Please also note that the plugin is assuming you currently have the text in a limited space with the overflow css set to hidden.
1 2 3 4 | $(document).ready(function() { $('#makeMeHide').ellipsis(true, false, 'More', 'Less'); $('#targetTable td').ellipsis(false, false);}); |
Applied to a div
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis diam quis tortor posuere mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer auctor metus et ligula adipiscing quis cursus ligula molestie. Cras fermentum adipiscing eros id viverra. Etiam fermentum faucibus nisi, luctus ullamcorper mi tempor nec. Nunc pulvinar nisi vitae leo fringilla et facilisis massa viverra. In vel arcu urna, sit a… More
Applied to a Table
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis diam … | Duis mattis, magna eu consectetur pellentesque, turpis velit vulputate ipsum, nec rutrum ligula risus nec ligula. Nulla neque massa, dictum pulvinar consequat id, suscipit vitae lacus. Nullam sed nisl leo, et sodales libero. Sed sollicitudin, sapien non feugiat lacinia, mauris risus dignissim sapien, ut commodo metus mauris eu turpis. Nam vel ipsum neque, ut aliquam justo. Nulla facilisi. Suspendisse lacinia aliquet nunc, vitae laoreet lorem dictum quis. Integer rutrum, nisl feugiat vehicula ornare, urna tellus posuere lacus, non rhoncus diam tortor lacinia libero. Vestibulum quis turpis ipsum, in semper elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam egestas pulvinar placerat. Mauris pharetra faucibus sapien, vel tempor mi euismod a. Nam orci risus, egestas eu mattis a, tristique ut tortor. Integer id dolor non augue vulputate condimentum tristique eget orci. Nullam at gravida sapien. Sed facilisis egestas libero, at rutrum est egestas id. Sed nulla turpis, pellentesque quis eleifend sed, consequat eget urna. undefined |
