title: Span control with template lite
body: <pre><code>&lt;table border="1" width="930"&gt;
          &lt;tr&gt;
              &lt;th&gt;Yorum Tarihi&lt;/th&gt;
              &lt;th&gt;Yorum Yapılan Film&lt;/th&gt;
              &lt;th&gt;Yorum&lt;/th&gt;
              &lt;th&gt;Sil&lt;/th&gt;
            &lt;/tr&gt;
  
              {foreach value=users from=$comment}
              &lt;tr&gt;    
                  &lt;td&gt;{$users.ADD_DATE}&lt;/td&gt;
                  &lt;td&gt;{$users.NAME}&lt;/td&gt;
                  {if $users.COMMENT|count_characters &gt; 95}
                  &lt;td width="340px"&gt;&lt;span id=comment12kisa_{$users.ID}&gt;{$users.COMMENT|truncate:95:"..."}
                      &lt;/span&gt;&lt;a href="" onclick="$('#comment12kisa_{$users.ID}').html($('#comment12kisaa_{$users.ID}').html());return false;"&gt;devamı&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="checkComment[]" value={$users.Movie_Comment_ID}-{$users.MOVIE_ID} &gt;&lt;/center&gt;&lt;/td&gt;
  
                      {else}
                      &lt;td width="180px"&gt;{$users.COMMENT}&lt;/td&gt;
                      &lt;td&gt;&lt;center&gt;&lt;input type="checkbox" name="checkComment[]" value={$users.Movie_Comment_ID}-{$users.MOVIE_ID}&gt;&lt;/center&gt;&lt;/td&gt;
                      {/if}
  
                      &lt;span id="comment12kisaa_{$users.ID}" style="display:none"&gt;{$users.COMMENT}&lt;/span&gt;
  
          &lt;/tr&gt;
  
       {/foreach}
  
      &lt;/table&gt;
  </code></pre>
  
  <p>Above code prints this. When user click the link "devam", then screen becomes this.I mean it shows more related to comment. I use  tag for this. However, when it shows more of comment, "devam" link still there.How can i remove this? 
  <img src="https://i.stack.imgur.com/Jh6ps.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/RG21R.png" alt="enter image description here"></p>