title: ellipsis (three dots) expand and collapse the text
body: <p>I want to make the extra text three dots (...) ellipsis and when i click the dots the text should expand and contract. But with the code used the text is only contracted but not expanding on click of dots</p>
  
  <pre><code>.overflow{
         display:inline-block;
         width:180px;
         white-space: nowrap;
         overflow:hidden !important;
         text-overflow: ellipsis;
     }
  </code></pre>
  
  <p>HTML Code</p>
  
  <pre><code> &lt;div class="overflow" innerHTML="{{ post.review_Text | highlighter : reviewName}}"&gt;&lt;/div&gt;
  </code></pre>