Динамическое изменение содержимого узла в XSL с помощью jQuery или Javascript

Question

У меня есть XML-файл с различными узлами и в каждом узле (каждый узел имеет уникальный атрибут) некоторая информация.

В XSL-файле я создал таблицу с именами узлов и хочу показать / скрыть полное содержимое этого узла, когда нажимаю на имя (или кнопку в той же строке) в div вне этого Таблица. Я искал, но не могу найти решение.

<table class="tablesorter" cellspacing="1" border="1" id="tablaPeliculas">
<tbody>
  <xsl:for-each select="Filmoteca/Peliculas/Pelicula">
    <xsl:sort order="ascending"/>
       <xsl:variable name="contador"><xsl:value-of select="position()"/></xsl:variable>
       <tr align="left">
          <td>      
    <button class="flip" id="{$contador}">Mostrar</button>

Answer 1

См. Мой другой пост на похожую тему: идеи для невозможности положить-href-ссылки-для-расширения-в-xml-using-xslt-файле для идей.

Что нужно сделать: javascript для раскрытия / свертывания элементов div с атрибутами id и style.