Bienvenido al foro.
Podrías hacer algo así:
Código CSS:
Ver originalh1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
h1:hover {
white-space: normal;
}
No es al hacer click, sino al pasar el ratón por encima. Para que se quede fijo al hacer click tendrías que usar JavaScript.