Accordion + ellipsis

by larsolesimonsen

HTML

<script src="http://pvdspek.github.com/downloads/jquery.autoellipsis-1.0.2.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<div class='accordion'>
<h3><a href='javascript:void(0)'>accordion header1 accordion header1 accordion header1</a></h3>
<div>accordion content1</div>

<h3><a href='javascript:void(0)'>accordion header2 accordion header2 accordion header2</a></h3>
<div>accordion content2</div>

<h3><a href='javascript:void(0)'>accordion header3 accordion header3 accordion header3</a></h3>
<div>accordion content3</div>

</div>

CSS

a {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow:ellipsis;
}

JavaScript

$('.accordion').accordion();

//$('.wrapper, h3').ellipsis();