By default, the plugin will automatically truncate the text to 100 characters. To check if an element is hidden or not, jQuery :hidden selector can be used.toggle () function is used to toggle the visibility of an element. Call the function on the container element and done. After that we need to remove hidden class (from the span tag which contains the tooltip text) and add visible. aspx In above script, we need to bind the click event for the link with tooltip class which will fire on the click event of the link. The problem is that when users copy/paste the text into Word it copies everything. Show Tool tip on Click Event using CSS3 Transition. (the hiding mechanism involves simple adding a class to the body and letting CSS do its thing). Wrap your long text into a container element like this: ģ. The CSS hides one or the other using jQuery and a toggle button. Wrap your long text into a container element like this: Ģ. Show-hide-text is a small jQuery based 'Truncate Text By The Number Of Characters' plugin which enables the users to show and hide long text with Read More and Read Less links.