Problems using 2 simplemodal osx calls

Question

I´m developing a webpage that contains two <p> tags (program and events), that shows two different contents. When I click the program button (it´s a <p> tag), it´s ok, it shows the table on the div´s. But, when I click the events button, again it shows the program <p> tag contents, and I want to show the events table content. I´ve read de solution for this question on this site, but not happens, when I change my JS file, the content of both <p> tags disapears. Can somebody help me?

/*this is the first OSX Modal*/
         <p class="osx" onMouseOver="" style="cursor:pointer">
                    Programa&ccedil;&atilde;o
                    </p>

/*this the second OSX modal*/
        <p class="osx" onMouseOver="" style="cursor:pointer">
                    2010
                    </p>

/*this is the first modal´s content*/
        <div id="osx-modal-content">
        <div id="osx-modal-title">Programa&ccedil;&atilde;o Semanal</div>
        <div class="close"><a href="#" class="simplemodal-close">x</a></div>
        <div id="osx-modal-data" align="center">
            <table>
       <thead>
      <tr>
        <th><b>Hor&aacute;rio</b></th>
        <th><b>Segunda-Feira</b></th>
        <th><b>Ter&ccedil;a-Feira</b></th>
        <th><b>Quarta-Feira</b></th>
        <th><b>Quinta-Feira</b></th>
        <th><b>Sexta-Feira</b></th>
        <th><b>S&aacute;bado</b></th>
        <th><b>Domingo</b></th>
      </tr>
      </thead>
      <tfoot>
        <tr>
            <td colspan="8">Programa&ccedil;&atilde;o Sujeita &agrave; Altera&ccedil;&otilde;es</td>
          </tr>
            </tfoot>
      <tbody>
        <tr>
        <td>12:00-16:00</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>Tarde da Ben&ccedil;&atilde;o</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>16:00-18:00</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>Ensaio Louvor-Instr. e Vocal</td>
      </tr>
      <tr>
        <td>18:00-20:00</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>Ensaio Louvor-Instrumental</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>19:30-22:00</td>
        <td>Curso - Teologia 1&deg;Ano</td>
        <td>Curso - Teologia 3&deg; A   no</td>
        <td>&nbsp;</td>
        <td>Culto - Cura e Liberta&ccedil;&atilde;o</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>Culto da Fam&iacute;lia</td>
      </tr>
      <tr>
        <td>20:00 - 21:30</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>C&eacute;lula B&iacute;blica</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>20:00 - 22:00</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>Ensaio Louvor - Instrumental</td>
        <td>&nbsp;</td>
        <td>Ensaio Louvor - Instr. e Vocal</td>
        <td>Ensaio Louvor - Instr. e Vocal</td>
        <td>&nbsp;</td>
      </tr>
      </tbody>
    </table>

        </div>
        </div>
/*this is the second modal´s content*/
        <div id="osx-modal-content">
        <div id="osx-modal-title">Eventos</div>
        <div class="close"><a href="#" class="simplemodal-close">x</a></div>
        <div id="osx-modal-data" align="center">
            OSX EXAMPLE

        </div>
        </div>

I´ve tried to use the solution you´ve presented in others questions, but it doesn´t work. Please, help me!! Thanks

Answer 1

I'd need to see a link or code example to understand the problem...

Answer 2

ok, i´ve edited my question, please help me