<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.js"></script>
<style>
div {
  width: 200px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
div.activeread {
  overflow: visible;
  text-overflow: initial;
  height: auto;
  white-space: initial;
}
</style>
<div>
Text text text text text text text Text text text text text text
</div>
<script>
$('div').click(function() {
    $(this).toggleClass('activeread');
});
</script>