Note that there are some explanatory texts on larger screens.

plurals
  1. POCode working fine online but fails on local file
    text
    copied!<p>please look this code : <a href="http://jsfiddle.net/Orina/bQZTq/" rel="nofollow">CODE</a></p> <p>this code work in jsfiddle.net but not work on local js code in local , this code show and hide more less text</p> <pre><code>&lt;script type="text/javascript" src="jquery-1.8.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { var maxheight=118; var showText = "More"; var hideText = "Less"; $('.textContainer_Truncate').each(function () { var text = $(this); if (text.height() &gt; maxheight){ text.css({ 'overflow': 'hidden','height': maxheight + 'px' }); var link = $('&lt;a href="#"&gt;' + showText + '&lt;/a&gt;'); var linkDiv = $('&lt;div&gt;&lt;/div&gt;'); linkDiv.append(link); $(this).after(linkDiv); link.click(function (event) { event.preventDefault(); if (text.height() &gt; maxheight) { $(this).html(showText); text.css('height', maxheight + 'px'); } else { $(this).html(hideText); text.css('height', 'auto'); } }); } }); });​ &lt;/script&gt; </code></pre> <p>htm code :</p> <pre><code>&lt;div class="textContainer_Truncate"&gt; &lt;p&gt;content&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; hello&lt;br&gt; &lt;/p&gt; &lt;/div&gt; </code></pre> <p>content of folder : index.htm and jquery-1.8.2.min.js how to use this code on local ?</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload