ciao ragazzi, vorrei sapere come posso fare per rendere solo un "campo di testo" espansibile, cioè che quando faccio click su "+" o "continua a leggere" o su un icona in automatico si autoespanda quel campo

per esempio, mia tabella con 2 colonne (tipo attività, descrizione attività) il 90% delle volte il campo "descrizione attività arriva a 260 caratteri o di più" e quando la vedo tabellata la colonna diventa enorme, come posso fare per mantenere le collone e righe con le stesse dimensione (margine uguali) e "mettere" un "+" o "continua a leggere" o un icona per ogni singolo campo/casella per farsi che al click si espanda???

codice HTML:
<table class="hovertable">
         <thead>
           <tr>
                <th>tipo attivita</th>
                <th>descrizione attivita</th>
          </tr>
         </thead>
         <tbody> 
                   <?php
                while ($row_Q = mysql_fetch_array($sql_Q,MYSQL_BOTH))
                 {
                         ?>
 <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
          <td><?php echo $row_Q["atti_tipo"]; ?></td>
          <td><?php echo $row_Q["atti_descrizione"]; ?></td>
    </tr> 
                     <?php
 }
 ?>
         </tbody>
        </table>
grazie in anticipo.