PHP|Débutant :: Forums

<div class="forabg">
  <div class="inner">
    <ul class="topiclist">
      <li class="header">
        <dl class="icon">
          <dd style="width:100%; text-align:center;">
            <a href="#" class="ra-cat-toggle">&#9660; {L_LIST_CAT} &#9650;</a>
          </dd>
        </dl>
      </li>
    </ul>

    <div id="cat" class="hidden bg3" style="width: auto; height: auto;">
      <table width="100%" cellspacing="0">
        <tbody>
          <!-- BEGIN arcadecatrow -->
          <tr>
            <!-- BEGIN arcadecatcol -->
            <td style="width:{RA_W_COL}%">
              <table style="width:50%; margin: 5px auto;">
                        <tbody>
                        <tr>
                           <td>{arcadecatrow.arcadecatcol.ARCADE_CAT_PIC}</td>
                           <td style="text-align: center; vertical-align: middle;">
                              {arcadecatrow.arcadecatcol.CAT}&nbsp;{arcadecatrow.arcadecatcol.NB_GAMES}{arcadecatrow.arcadecatcol.CAT_CLASS}
                           </td>
                        </tr>
                        </tbody>
                     </table>
            </td>
            <!-- END arcadecatcol -->
          </tr>
          <!-- END arcadecatrow -->
        </tbody>
      </table>

    </div>

jQuery(function($) {
  "use strict";
  var $cat = $('#cat');
  var isAnimating = false;
  $('.ra-cat-toggle').click(function() {
    if (!isAnimating) {
      isAnimating = true;
      $cat.slideToggle(function() {
        isAnimating = false;
      });
    }
    return false;
  });
});