как при раскрытии блока сменить название кнопки?

  <td><a href="#area[[+id]]" title="">Смотреть</a> </td>

при нажатии раскрывается блок с контентом, как сделать чтобы при раскрытом блоке вместо смотреть была надпись Закрыть?

<script type="text/javascript" src="/manager/templates/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery.form.min.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery.jgrowl.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery-ui.js"></script>
<script type="text/javascript" src="/manager/templates/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery.lightbox.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="/manager/templates/js/jquery.jscrollpane.min.js"></script>
 <script type="text/javascript" src="/manager/templates/js/functions.js"></script>