В режиме html JCE срезает id у тега span - JCE

Мое почтение. Есть следующий htm-код:
<span id="MyShow">
<u><a onclick="document.all.MyHide.style.display=&#39;&#39;;document.all.MyShow.style.display=&#39;none&#39;;">Развернуть</a></u>
</span>
<span id="MyHide" style="display: none">
<u><a onclick="document.all.MyHide.style.display=&#39;none&#39;;document.all.MyShow.style.display=&#39;&#39;;">Скрыть</a></u>
<br />
<li> Исправлены следующие ошибки:
<ul>
   <li>спонтанная блокировка верхнего фрейма <br /></li>
   <li>неправильная работа скролинга <br /></li>
</ul>
</span>
<br />
Бла-бла-бла...

Код предназначен для того, чтобы разворачивать/сворачивать блок новости прямо в ее тексте. Проблема состоит в том, что в JCE-редакторе разместить этот код можно только в случае, когда документ редактируется в режиме html. Однако, когда редактор HTML-кода закрывается, то он у тега span срезается id, и код выглядит след. образом:

<span>
<u><a onclick="document.all.MyHide.style.display=&#39;&#39;;document.all.MyShow.style.display=&#39;none&#39;;">Развернуть</a></u>
</span>
<span style="display: none">
<u><a onclick="document.all.MyHide.style.display=&#39;none&#39;;document.all.MyShow.style.display=&#39;&#39;;">Скрыть</a></u>
<br />
<li> Исправлены следующие ошибки:
<ul>
   <li>спонтанная блокировка верхнего фрейма <br /></li>
   <li>неправильная работа скролинга <br /></li>
</ul>
</span>
<br />
Бла-бла-бла...

Естественно он перестает работать. Есть ли у кого-либо какие-нибудь соображения как это можно обойти/решить?
Мне кажется, что за неделю я перепробовал все..
Спасибо.

nikolas ведь можно обойтись и без спана! Замени чем-нибудь другим...

Действительно... Чего это я в него уперся .. Спасибо.
Вот решение, например, через div
<div id="MyShow">
<u><a onclick="document.all.MyHide.style.display=&#39;&#39;;document.all.MyShow.style.display=&#39;none&#39;;">Развернуть</a></u>
</div>
<div id="MyHide" style="display: none">
<u><a onclick="document.all.MyHide.style.display=&#39;none&#39;;document.all.MyShow.style.display=&#39;&#39;;">Скрыть</a></u>
<br />
Исправлены следующие ошибки:
<ul>
   <li>спонтанная блокировка верхнего фрейма <br /></li>
   <li>неправильная работа скролинга <br /></li>
</ul>
</div>
<br />

Давай парень! Все мы учимся! Но этот косяк на досуге гляну, может чего в коде...

Для частого использования, например, в новостной ленте, это вариант не подходит:
1. Громоздкий.
2. id необходимо постоянно изменять.
Вариант решения: использовать набор функций, которые просты по своей сути:
<script language="JavaScript">
function myShow(n){
        text =  document.getElementById('MyText_'+n);
        header_opend =  document.getElementById('MyHeaderOpen_'+n);
        header_closed =  document.getElementById('MyHeaderClose_'+n);
        text.style.display = '';
        header_opend.style.display = 'none';
        header_closed.style.display = '';
}
function myHide(n){
        text =  document.getElementById('MyText_'+n);
        header_opend =  document.getElementById('MyHeaderOpen_'+n);
        header_closed =  document.getElementById('MyHeaderClose_'+n);
        text.style.display = 'none';
        header_opend.style.display = '';
        header_closed.style.display = 'none';
}

function myChange(n){
         text =  document.getElementById('MyText_'+n);
         if(text.style.display!='')
             myShow(n);
         else
              myHide(n);
         }
</script>

<a href="javascript:myChange(1);"><div id="MyHeaderOpen_1">Начальный заголовок </div>
  <div id="MyHeaderClose_1" style="display: none">Заголовок замены </div>
</a>
<div id="MyText_1" style="display: none">
 Свернутый текст.
</div>
<br />

Как вы уже, наверное, поняли функции описываются единожды, а для использования блока свертки необходимо постоянно увеличивать индекс(выделен жирным в коде). Удачи.)